文本框輸入信息，未輸入的文本框會提示輸入，而且未輸入的文本框會變紅

一 實現分銷商註冊頁面文本框輸入錯誤信息或者不輸入會提示錯誤，填寫好的文本框的文本會顯示，而且空文本框會變紅,輸入的錯誤信息不但文本框變紅，裏面的文本會變藍

實現思路:前臺輸入的信息會傳給後臺，後臺接受信息，在由文本框中設置的EL表達式進行接受，並顯示

1新建一個common.css，關鍵代碼：

.error{
	background-color:red;
	display:inline;color:blue;
}

目的是爲了設置文本框背景顏色，和輸入錯誤信息的文本爲藍

2.在addDistributorSelf.jsp中添加common的連接<link href="css/common.css" rel="stylesheet">

實現文本框中顯示文本代碼：value="${distributorForm.distributorId}"   (value=EL表達式)

實現空白文本框爲紅色的代碼：將input表達式改成<form:input path="distributorId" cssClass="form-control" cssErrorClass="form-control error" value="${distributorForm.distributorId}" />

<tr>
                                        	<td style="background-color: #f9f9f9;">登陸ID<></td>
											<td><form:input path="distributorId" cssClass="form-control" cssErrorClass="form-control error" value="${distributorForm.distributorId}" /></td>
											<td style="background-color: #f9f9f9;">密碼</td>
											<td><form:input path="password" cssClass="form-control" type="password" cssErrorClass="form-control error" value="${distributorForm.password}" /></td>
											<td style="background-color: #f9f9f9;">密碼確認</td>
											<td><form:input path="passwordConfirm" cssClass="form-control" cssErrorClass="form-control error" type="password" value="${distributorForm.passwordConfirm}"/></td>
										</tr>
										<tr>
                                        	<td style="background-color: #f9f9f9;">真實姓名</td>
											<td><form:input path="distributorName" cssClass="form-control" cssErrorClass="form-control error" value="${distributorForm.distributorName}"/></td>
											<td style="background-color: #f9f9f9;">手機</td>
											<td><form:input path="mobile" cssClass="form-control" cssErrorClass="form-control error" value="${distributorForm.mobile}"/></td>
											<td style="background-color: #f9f9f9;">支付寶ID</td>
											<td><form:input path="alipay" cssClass="form-control" cssErrorClass="form-control error" value="${distributorForm.alipay}"/></td>
										</tr>

二實現訂單管理頁面文本框輸入錯誤信息或者不輸入會提示錯誤，填寫好的文本框的文本會顯示，而且空文本框會變紅，輸入的錯誤信息不但文本框變紅，裏面的文本會變藍

實現思路:前臺輸入的信息會傳給後臺，後臺接受信息，在由文本框中設置的EL表達式進行接受，並顯示

1新建一個common.css，關鍵代碼：

.error{
	background-color:red;
	display:inline;color:blue;
}

目的是爲了設置文本框背景顏色，和輸入錯誤信息的文本爲藍

2.在addPlaceOrder.jsp中添加common的連接<link href="css/common.css" rel="stylesheet">

實現文本框中顯示文本代碼：value="${distributorForm.distributorId}"   (value=EL表達式)

實現空白文本框爲紅色的代碼：將input表達式改成<form:input path="distributorId" cssClass="form-control" cssErrorClass="form-control error" value="${distributorForm.distributorId}" />

<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>
									<tr><td style="background-color: #f9f9f9;">地址</td>
											<td><form:input path="address" cssclass="form-control" cssErrorClass="form-control error" value="${placeOrderForm.address}"/></td>
										</tr>
										<tr>
											<td style="background-color: #f9f9f9;">郵政編碼</td>
											<td><form:input path="zip" cssClass="form-control" cssErrorClass="form-control error" value="${placeOrderForm.zip}"/></td>
											<td style="background-color: #f9f9f9;">固定電話</td>
											<td><form:input path="telephone" cssClass="form-control" cssErrorClass="form-control error" value="${placeOrderForm.telephone}"/></td>
											<td style="background-color: #f9f9f9;">訂單日期</td>
											<td><form:input path="orderDate" cssClass="form-control" cssErrorClass="form-control error" id="orderDate" data-date-format="yyyy-mm-dd" value="${distributorForm.orderDate}"/></td>
										</tr>
										<tr>
											<td style="background-color: #f9f9f9;">備註</td>
											<td colspan="5"><form:input path="note" cssClass="form-control" cssErrorClass="form-control error" value="${placeOrderForm.note}"/></td>
										</tr>