Làm cách nào để tôi có thể đặt chính xác thuộc tính HTML bắt buộc thành thẻ đầu vào thành trang TymeLeaf?

Question

Tôi khá mới trong Spring MVC và hoàn toàn mới trong ThymeLeaf.

Vì vậy, tôi đang làm việc trên một ứng dụng web sử dụng TymeLeaf như xem công nghệ và tôi phải sử dụng này Jquery Validation Plugin: http://jqueryvalidation.org/

Vì vậy, tôi đã sử dụng nó trong quá khứ vào các trang JSP.

Như đã trình bày trong tài liệu: http://jqueryvalidation.org/documentation/

tôi phải thêm cần thuộc tính vào thẻ đầu vào của tôi rằng cần phải điền vào bởi người sử dụng, một cái gì đó như thế này:

<input id="cemail" type="email" name="email" required> 

tôi tryied để làm điều này vào TymeLeaf trang HTML của tôi , theo cách này:

<input id="nome" name="nome" type="text" th:value="*{nome}" required></input> 

Nhưng vấn đề bây giờ là tôi nhận được thông báo lỗi này trong bảng điều khiển stacktrace và trang không hiển thị:

15:36:47,180 ERROR [org.thymeleaf.templateparser.ErrorHandler] (http-localhost/127.0.0.1:8080-3) [THYMELEAF][http-localhost/127.0.0.1:8080-3] Fatal error during parsing: org.xml.sax.SAXParseException; lineNumber: 88; columnNumber: 78; Attribute name "required" associated with an element type "input" must be followed by the ' = ' character. 
    at org.apache.xerces.util.ErrorHandlerWrapper.createSAXParseException(ErrorHandlerWrapper.java:196) 
    at org.apache.xerces.util.ErrorHandlerWrapper.fatalError(ErrorHandlerWrapper.java:175) 

Tại sao? Chuyện gì thế? Làm cách nào tôi có thể đặt chính xác thuộc tính HTML yêu cầu vào thẻ đầu vào được chuyển thành trang ThymeLeaf?

Answer 1

Cách đúng để khai báo cần thuộc tính trong HTML5 với thymeleaf là th:required="required".

Thử:

<input id="nome" name="nome" type="text" th:value="*{nome}" th:required="required"></input> 

Answer 2

Sử dụng nó:

<input id="cemail" type="email" name="email" required="true" /> 

Các Thymeleaf Chuẩn Dialect có thể xử lý mẫu trong bất kỳ chế độ, nhưng là đặc biệt phù hợp cho các trang web theo định hướng chế độ mẫu (XHTML và HTML5 người). Bên cạnh HTML5, nó đặc biệt hỗ trợ và xác nhận các thông số kỹ thuật XHTML sau đây: XHTML 1.0 Chuyển tiếp, XHTML 1.0 Bộ khung nghiêm ngặt, XHTML 1.0 và XHTML 1.1.

Xem thêm về: http://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#what-is-thymeleaf