1.将文本框中输入的内容,点击按钮后不消失
功能实现思路:前台接收文本框输入数据由后台接收,再将内容由文本框中设置EL表达式接收显示
2.输入错误信息或必填项未输入时文本框显示为红色
功能实现思路:写一个样式,使文本框背景变为红色。然后将样式表加载到JSP页面中,改写input标签来应用设置的样式
注:<input>标签中不能使用样式表,所以需要改写为<form:input>
(1)创建一个CSS样式显示将文本框背景变为红色,字体变为蓝色 common.css
.error{
background-color:red;
display:inline;color:blue;
}
(2)在JSP页面中加载样式表
<link href="css/common.css" rel="stylesheet">
(3)改写<input>标签来应用设置的样式
<tr>
<td style="background-color: #f9f9f9;">客户单位</td>
<td><form:input path="guestCompany" cssClass="form-control" cssErrorClass="form-control
error" value="${placeOrderForm.guestCompany}" /></td>
<td style="background-color: #f9f9f9;">联系人</td>
<td><form:input path="contacts" cssClass="form-control" cssErrorClass="form-control error"
value="${placeOrderForm.contacts}" /></td>
<td style="background-color: #f9f9f9;">手机</td>
<td><form:input path="mobile" cssClass="form-control" cssErrorClass="form-control error"
value="${placeOrderForm.mobile}"/></td>
</tr>
原input标签:<input name="guestCompany" class="form-control" value="${placeOrderForm.guestCompany}" />