取消按钮返回，数据验证 07.27

一.取消按钮更改:

将原来的代码:

<button type="button" onclick="window.history.back();" class="btn btn-danger">取 消</button>

改为:

<a class="btn btn-danger" href="initPlaceOrder"> 取 消</a>

其中href中的内容为controllor中要跳转到的页面

二.数据验证出错时输入框变为红色:

1. 在css样式中添加common.css文件

.error {
background-color: red;
}

2.在页面中改写代码，并倒入common.css样式

<link href="css/common.css" rel="stylesheet">   //倒入css样式

<td><form:input path="retailPrice" cssClass="form-control" value="${distributorPriceForm.retailPrice}" cssErrorClass="form-control error"/></td>

3.在form中添加需要验证的信息注解

@NotEmpty(field="终端价",  message="{errors.required}")  //验证不能为空
@Digits(fraction = 2, integer = 6,message="{errors.retailPrice}")   //验证为数字

4.在ValidationMessages.properties中添加代码

errors.required={field}为必须输入项目
errors.retailPrice=价格必须为数字格式

5.在controllor中添加验证代码，用于显示错误信息

if (results.hasErrors()) 
{    log.info("内容验证出错");
     return "manager/distributorPrice/editDistributorPrice";
}

其中在页面中的必须输入项添加"*"需要写入<span style="color:red;">*</span>，如:

<td style="background-color: #f9f9f9;">名称<span style="color:red;">*</span></td>