1.信息提示
在前面我们已经讲解过了这客户端的校验信息的知识,不过好远样的提示似乎不是很友好,所以我们这里需要做一下修改,使用用户提示页面的信息可以友好。
原先我们的profilePage添加的代码如下:
<input th:field="${profileForm.twitterHandle}" id="twitterHandle"
type="text" th:errorclass="invalid"/>
<input th:field="${profileForm.email}" id="email" type="text"
th:errorclass="invalid"/>
<input th:field="${profileForm.birthDate}" id="birthDate" type="text"
th:errorclass="invalid"/>
<input type="text" th:field="*{tastes[__${rowStat.index}__]}"
th:placeholder="#{taste.placeholder}"/>
现在我们修改成下面的:
<input th:field="${profileForm.twitterHandle}" id="twitterHandle"
type="text" required="required" th:errorclass="invalid"/>
<input th:field="${profileForm.email}" id="email" type="email"
required="required" th:errorclass="invalid"/>
<input th:field="${profileForm.birthDate}" id="birthDate" type="text"
required="required" th:errorclass="invalid"/>
<input type="text" required="required" th:field="*{tastes[__${rowStat.
index}__]}" th:placeholder="#{taste.placeholder}"/>
修改之后,我们将看到有显示结果:
2.项目的结构
源码路径:git@github.com:owenwilliam/masterSpringMVC.git