-
jquery validation插件： 1.讓客戶端表單驗證變得非常容易，并提供了很多的配置項目。 2.插件還附帶了很多驗證方法，并實現了國際化，可以配置多語言的提示信息。查看全部
-
國際化查看全部
-
jQuery表單驗證插件：https;//plugins.jquery.com/tag/validate/ jQuery Validation插件是最常用的插件之一:http://jqueryvalidation.org/查看全部
-
validate()方法配置項是validate插件的核心內容 submitHandler通過驗證后運行的函數，可以加上表單提交方法 invalidHandler無效表單提交后運行的函數 ignore對某些元素不進行驗證 rules定義校驗規則 messages定義提示信息 groups對一組元素的驗證，用一個錯誤提示，用errorPlacement控制把出錯信息放在那實例調用： submitHandler:function(from){ //表單提交的方式 from:submit();//$(form).Ajax.submit();//$ajax等方式提交表單 } invalidHandler:function(event,validator){ //event:無效驗證觸發的事件 //validator:對象 }也可以寫一個事件來觸發 $("選擇器屬性值").on("事件名",function(event,validator)){查看全部
-
Validator對象的靜態方法： 1、jQuery.validator.addMethod(name,method[,message])：增加自定義的驗證方法 2、jQuery.validator.format(template,argument,argumentN...)：格式化字符串，用參數代替模板中的{n} 如：var template=$.validator.format("{0}-{1}-{2}"); template("你","我","他")或template(["你","我","他"])則輸出"你-我-他"，參數個數不夠則會輸出{n}來代替 3、jQuery.validator.setDefaults(options)：修改插件默認設置 如：$.validator.setDefaults({debug:true});表示給所有的表單都設置 4、jQuery.validator.addClassRules(name,rules)：為某些class屬性值包含name的元素增加驗證規則 如：$.validator.addClassRules({text:{required:true,minlength:5}});表示給class="text"的元素添加驗證規則查看全部
-
validator.form() //整個表單是否有效 true/false validator.element("username") //驗證元素是否有效 validator.resetForm() //表單恢復到驗證前狀態 validator.showErrors({}) //針對某個元素顯示特定的錯誤信息 validator.numberOfInvalids() //返回無效元素數量查看全部
-
驗證方法和驗證規則查看全部
-
validate()方法配置項之四： 1、showErrors：可以顯示總共有多少個未通過驗證的元素 如：showErrors:function(errorMap,errorList){ errorMap：元素信息和錯誤信息的鍵值對 errorList：元素信息、錯誤信息、驗證方法等信息列表 this.defaultShowErrors();//使用默認的錯誤提示信息展示方式，需要這個否則錯誤信息不顯示了 } 2、errorPlacement：自定義錯誤信息放在哪里，配合groups一起使用 3、success：要驗證的元素通過驗證后的動作 如：success:"right" 或 success:function(label){label.addClass("right")} 效果是給錯誤信息展示label元素的class屬性值追加right值 4、highlight：可以給未通過驗證的元素加效果 如：highlight:function(element,errorClass,validClass){ //element：綁定驗證的元素 //errorClass：驗證錯誤信息展示label的class屬性值 //validClass：驗證通過信息展示label的class屬性值 } 5、unhighlight：去除未通過驗證的元素的效果，一般和highlight同時使用，同上 注意：success主要針對label元素，highlight主要針對input元素 highlight和unhighlight主要用在單項驗證時查看全部
-
validate()方法配置項 onsubmit:是否在提交時驗證，默認值為true onfoucusout:是否在獲取焦時驗證 onkeyup:是否在敲擊鍵盤時驗證 onclick:是否在鼠標點擊時驗證，一般用于checkbox或者radio focusInvalid:提交表單后，未通過驗證的表單（第一個或提交之前獲得焦點的未通過驗證的 表單）是否會獲得焦點 focusCleanup:當未通過驗證的元素獲得焦點時，是否移除錯誤提示 errorClass:指定錯誤提示的css類名，可以自定義錯誤提示的樣式 validClass:指定驗證通過的css類名 errorElement:使用什么標簽標記錯誤 wrapper：使用什么標簽把上邊的errorElement包起來 errorLaberContainer:把錯誤信息統一放在一個容器里面 errorContainer:顯示或者隱藏驗證信息，可以自動實現有錯誤信息出現時把容器屬性變為顯示，無錯誤時隱藏。查看全部
-
Validator對象的靜態方法： 1、jQuery.validator.addMethod(name,method[,message])：增加自定義的驗證方法 2、jQuery.validator.format(template,argument,argumentN...)：格式化字符串，用參數代替模板中的{n} 如：var template=$.validator.format("{0}-{1}-{2}"); template("你","我","他")或template(["你","我","他"])則輸出"你-我-他"，參數個數不夠則會輸出{n}來代替 3、jQuery.validator.setDefaults(options)：修改插件默認設置 如：$.validator.setDefaults({debug:true});表示給所有的表單都設置 4、jQuery.validator.addClassRules(name,rules)：為某些class屬性值包含name的元素增加驗證規則 如：$.validator.addClassRules({text:{required:true,minlength:5}});表示給class="text"的元素添加驗證規則查看全部
-
valid()方法 $("demoForm").valid()?"填寫正確":"填寫錯誤" // valid方法返回true或者false，判斷填寫正確與否 rules()方法 $("#username").rules() // 返回username的所有方法，只能針對一個屬性，不能針對例如demoForm $("#username").rules("add",{min:2,max:10}) // 為username增加規則 $("#username").rules("remove","min max") // 為username刪除規則，只需要填寫規則名字查看全部
-
alidate方法返回Validator對象，Validator對象的方法如下： 1、Validator.form()：驗證表單是否有效，返回true/false； 2、Validator.element(element)：驗證某個元素是否有效，返回true/false； 如：validator.element("#username") 3、Validator.resetForm()：把表單恢復到驗證前原來的狀態，會清除顯示的驗證錯誤信息 4、Validator.showErrors(errors)：針對某個元素顯示特定的錯誤信息 如：Validator.showErrors({username:"xxxxxx",passworld:"xxxxx"})，新的錯誤信息會立即顯示 5、Validator.numberOfInvailds()：返回無效(即沒通過驗證的)的元素數量查看全部
-
Vaildation基本驗證方法查看全部
-
validate（）方法查看全部
-
Validation兩個重要的概念， 1、method：驗證方法，指校驗的邏輯 2、rule：驗證規則，指元素和驗證方法的關聯查看全部
舉報
0/150
提交
取消