須要style.css樣式
css
.fb {font-weight:bold;}//字體寬度加粗 .f14 { font-size:14px;}//字體大小14像素 .formInfo{ margin-top: 10px; display:block;}// .red{ color:#d9534f}//紅色 .f12 { font-size:12px;}/字體大小爲12像素
guestAlipayConfirm.htmlhtml
<h3><span class="fb" style="font-size: 20px">訂單信息</span></h3> <div> <span class="fb f14"><label>商品信息:</label></span> <span class="f12" th:text="${alipayForm.body}"></span> </div> <div> <span class="fb f14"><label>價格:</label></span> <span class="f12" th:text="${alipayForm.price}"></span> </div> <div class="table-responsive mt20"> <h1 class="red formInfo" > <span style="font-size: medium">您如今是匿名購買該商品,請認真填寫如下每項內容以保證商品可以順利到達您的手中。 </span> </h1> </div>
<table> <tr style="border:solid 15px;border-color:white"> <td><i class="red">*</i> <span style="font-size: medium">收貨人姓名:</span></td> <td><input name="receiveName" type="text" class="form-control" th:value="${alipayForm.receiveName}"/></td> <td><i class="red formInfo" ><span style="font-size: medium" th:errors="${alipayForm.receiveName}"></span></i></td> </tr> <tr style="border:solid 15px;border-color:white"> <td><i class="red">*</i><span style="font-size: medium"> 所在地區:</span></td> <td><input name="receiveAddress" type="text" class="form-control" th:value="${alipayForm.receiveAddress}"/></td> <td><i class="red formInfo"><span style="font-size: medium" th:errors="${alipayForm.receiveAddress}"></span></i></td> </tr> <tr style="border:solid 15px;border-color:white"> <td><i class="red">*</i><span style="font-size: medium"> 郵政編碼:</span></td> <td><input name="receiveZip" type="tel" class="form-control" th:value="${alipayForm.receiveZip}"/></td> <td><i class="red formInfo"><span style="font-size: medium" th:errors="${alipayForm.receiveZip}"></span></i></td> </tr> <tr style="border:solid 15px;border-color:white"> <td><i class="red">*</i> <span style="font-size: medium">電話號碼:</span></td> <td><input name="receivePhone" type="tel" class="form-control" th:value="${alipayForm.receivePhone}"/></td> <td><i class="red formInfo"><span style="font-size: medium" th:errors="${alipayForm.receivePhone}"></span></i></td> </tr>
郵編的驗證java
@Digits( fraction = 0, integer = 6,message="郵政編碼{errors.format}")git
@Length(min=6,max=6,message="{errors.length}")字體
private String receiveZip;編碼