jquery.validate驗證框架

1、jquery.validate驗證框架使用說明一、使用步驟：1、 下載并導入js<script src="jquery.js" type="text/javascript"></script><script src="jquery.validate.js" type="text/javascript"></script> <script src="jquery.metadata.js" type="text/javascript&q

2、uot;></script>2、初始化參數(shù)$.validator.setDefaults( /驗證成功后回調參數(shù)對象 submitHandler: function() /回調方法document.forms0.submit(); /驗證通過后提交);$.metadata.setType("attr", "validate"); /單選框、復選框，用validate設置 /詳細見單選復選例子$("form").validate( /綁定需要驗證的form表單 /自定義參數(shù)對象errorPlacement: funct

3、ion(error, element)/設置錯誤提示消息位置，可選error.appendTo($(element).parents("td")0); );<style type="text/css">label.errorcolor:red;display:block</style>注意，樣式名固定為label.error，樣式內容可修改。 3、 設定錯誤信息樣式4、 表單元素綁定驗證綁定方法：class=”XXX”或xxx=”XXX”,例如<input name="email" class="

4、;email"/>二、驗證清單1、自定義消息自定義消息可以用于所有驗證器2、自帶的常用驗證3、數(shù)字驗證注：整數(shù)位數(shù)精度統(tǒng)一為8位（經度緯度除外），超過8位驗證會提示驗證出錯信息4、追加的常用驗證5、單選框、復選框、下拉框是否輸入驗證使用步驟：1、頁面上加入驗證，如<s:textfield name="resource.resNum" size="30" cssClass="inputAdd required" msg="物資裝備編號" remote="resource!checkNu

5、m.action" msgRemote="物資裝備編號已存在！" maxLength="32"/>remote= "XXX"，代表加入ajax驗證，XXX為調用的action方法,這里是使用的struts2的action方法，“！”前面是action名，后面是方法名。msgRemote = "XXX"，代表自定義的提示信息。2、在對應action里加入方法public void checkNum() throws Exceptionresponse = 得到響應response；flag = 驗證通

6、過標識；if(flag標識為不通過)response.getWriter().print(false); /驗證不通過elseresponse.getWriter().print(true); /驗證通過這里寫的是偽代碼，方法名checkNum要和頁面上remote屬性一致。flag標識是根據具體業(yè)務需求所得到是否通過的標志。注：在園區(qū)版本的開發(fā)里，記得要給action的方法配權限。注意：1、單選框、復選框是否輸入驗證時，沒有輸入的時候，提交后才會有驗證信息，提交前不提示；自定義消息msg="xxx"只需要在一組元素的第一個定義即可。2、不同的驗證表單元素name屬性值不能相同；同一表單元素，除了單選框、復選框外,若有id屬性，盡量與name屬性相同，不然有可能會發(fā)生問題。3、當表單元素名稱比較特殊時，包含了小數(shù)點、方括號等特殊字符時，要進行特殊處理，如<input type="hidden" name="a.b1.c" class=”required”/>這時需要加上selector屬性，且屬性里不包含特殊字符，如 <input type="hidden" name="a.b1.c&q