7-27 修改頁面的「取消」按鈕，驗證爲空

1、返回

1. 返回上一級
   

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

  2. 返回上一級菜單

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

2、驗證爲空，錯誤框變紅(配置了Validation的基礎上)--以editPlaceOrder爲例

 1. 添加common.css

.error {
background-color: red;
}

2. ValidationMessage中添加不合要求時要顯示的提示信息

errors.required={field}爲必須輸入項目
errors.email=email格式不正確
errors.qq=qq格式不正確
errors.zip=zip必須爲數字格式
errors.length=zip長度必須爲六位
errors.mobile=手機輸入格式不正確
errors.date=日期格式不正確

3. PlaceOrderForm中添加判斷，如

@NotEmpty(field="客戶單位",  message="{errors.required}")
	private String guestCompany;

4. editPlaceOrder.jsp中添加css鏈接，css顯示格式

<link href="css/common.css" rel="stylesheet">

<td style="background-color: #f9f9f9;">客戶單位</td>
<td><form:input path="guestCompany" cssClass="form-control" cssErrorClass="form-control error" 
         value="${placeOrderForm.guestCompany}" /></td>

5. PlaceOrderController.java中添加判斷，用於顯示錯誤

if(results.hasErrors())
	{
		log.info("修改銷售訂單信息");
		List<Item> provinceList = itemListComponent.getProvinceList();
		model.addAttribute("provinceList", provinceList);
		List<Item> cityList = itemListComponent.getCityList(placeOrderForm.getProvinceId());
		model.addAttribute("cityList", cityList);
	    	List<Item> expressList = itemListComponent.getExpressList();
	    	model.addAttribute("expressList", expressList);
	    	model.addAttribute("placeOrderForm", placeOrderForm);
	    	return "manager/placeOrder/editPlaceOrder";
	}

其代碼相似initEditPlaceOrder(修改銷售訂單信息初始化)

@RequestMapping(value = "initEditPlaceOrder", method = RequestMethod.GET)
	public String initEditPlaceOrder(Model model, PlaceOrderForm placeOrderForm) {
		log.info("修改銷售訂單信息初始化");
		PlaceOrderForm result = placeOrderService.searchPlaceOrder(placeOrderForm);
		model.addAttribute("placeOrderForm", result);
		List<Item> provinceList = itemListComponent.getProvinceList();
		List<Item> cityList = itemListComponent.getCityList(result.getProvinceId());
    	model.addAttribute("provinceList", provinceList);
    	model.addAttribute("cityList", cityList);
    	List<Item> expressList = itemListComponent.getExpressList();
    	model.addAttribute("expressList", expressList);
		return "manager/placeOrder/editPlaceOrder";
	}

注意：cityList的備選項需依據provinceList，provinceList需遍歷數據庫

List<Item> cityList = itemListComponent.getCityList(placeOrderForm.getProvinceId());
model.addAttribute("cityList", cityList);