1 function checkForm(){ 2 validator = $("#commentForm").validate({// #formId為需要進行驗證的表單ID 3 errorElement :"span",// 使用"div"標簽標記錯誤, 默認:"label","span"默認直接在文本框右邊顯示 4 //wrapper:"li",// 使用"li"標簽再把上邊的errorELement包起來 5 //errorClass :"validate-error",// 錯誤提示的css類名"error" 6 //onsubmit:false,// 是否在表單提交時驗證,默認:true 7 //onfocusout:false,// 是否在獲取焦點時驗證,默認:true 8 //onkeyup :false,// 是否在敲擊鍵盤時驗證,默認:true 9 //onclick:false,// 是否在鼠標點擊時驗證(一般驗證checkbox,radiobox) 10 //focusCleanup:false,// 當未通過驗證的元素獲得焦點時,並移除錯誤提示,默認false 11 //focusInvalid : true, //提交表單后,未通過驗證的表單(第一個或提交之前獲得焦點的未通過驗證的表單)會獲得焦點,默認true 12 //ignore: "#cname" //對某些元素不做驗證,值對應選擇器,如果需要忽略多個文本框,可以使用class類選擇器 13 ignoreTitle: true, 14 validClass: "valid", //驗證成功時,使用的css類名 15 success: function(label) { //驗證成功時使用的提示消息 16 label.addClass("valid").html("Ok!") 17 }, 18 submitHandler:function(form){//如果驗證通過,點擊submit按鈕后執行的操作,注:使用此方法后,form中的action="xx"會失效 19 alert('驗證通過'); 20 }, 21 invalidHandler: function(form, validator) {//如果驗證不通過,此處執行額外操作 22 var errors = validator.numberOfInvalids(); //獲得錯誤總數 23 var message = '你存在' + errors + '個錯誤'; 24 //alert(message); 25 }, 26 rules:{ 27 "x.name":{ //需要進行驗證的輸入框name 28 required: true, //驗證條件:必填 29 minlength3: 5,// 驗證條件:最小長度為5 30 maxlength3 : 10, 31 checkCharType : [true,false,false,null] 32 }, 33 "x.sex":{ //需要進行驗證的輸入框name 34 required: true, //驗證條件:必填 35 minlength2: 5,// 驗證條件:最小長度為5 36 maxlength2 : 10 37 }, 38 }, 39 messages:{ 40 "x.name":{ 41 required : "不能為空", 42 minlength : "最小值為5" 43 }, 44 "x.sex":{ 45 required : "不能為空", 46 minlength : "最小值為5" 47 } 48 } 49 }); 50 } 51 52 function xx(){ 53 //alert($("#commentForm").validate().form()); //執行表單驗證,同時判斷驗證是否通過,如果通過返回true,否則返回false 54 $("#commentForm").valid(); //$("#commentForm").valid()表示運行form的表單驗證 55 } 56 57 function cl(){ 58 $("#commentForm").validate().resetForm(); //清空所有的錯誤提示 59 }
轉載至:http://blessht.iteye.com/blog/1074419
