-
$.validator.addMethod(name,.method[,message]) name:方法名稱 method:function(value,element,params)方法邏輯 message:提示消息 this.optional(element)意思填寫值了才會驗證，加上這個之后最好設置require，否則這個驗證不會被執行 additional-methods.js包含了很多擴展驗證方法。在寫自定義方法時可以參考這個js庫查看全部
-
validate插件自帶3個選擇器擴展 ：blank選擇所要值為空的元素（半角的空格都為blank） ：filled選擇所要值不為空的元素 ：unchecked選擇所要沒有被選中的元素（一般用于復選框）查看全部
-
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是否在提交時驗證 onfocusout是否在獲取焦點時驗證 onkeyup是否在敲擊鍵盤時驗證 onclick是否在鼠標點擊時驗證，一般用于checkbox或者radio focusInvalid提交表單后，未通過驗證的表單（第一個或提交之前獲得焦點的未通過驗證的表單）是否會獲 得焦點 focusCleanup當未通過驗證的元素獲得焦點時，是否移除錯誤提示 errorClass指定錯誤提示的css類名，默認為error,可以自定義錯誤提示的樣式，當然類名也可以自定義設置 validClass指定驗證通過的css類名 道理同上 errorElement使用什么標簽標記錯誤 （如用<li>標記） wrapper使用什么標簽把上邊的errorElement包起來 （如用<ul>包裹） errorLabelContainer把錯誤信息統一防在一個容器里面 （如放在類或id選擇器中） errorContainer顯示或者隱藏驗證信息，可以自動實現由錯誤信息出現時把容器屬性變為顯示，無錯誤時隱藏（一般同時使用和上面3個或上面3個同時使用）查看全部
-
rules中的校驗方法都可以定義depends屬性，表示當條件滿足時返回true，則執行校驗方法 針對參數為boolean類型的校驗方法： required:{ //只有depends:function(element)返回true，required校驗方法才起作用 depends:function(element){ //:filled是Validation自帶的選擇器，匹配填寫內容的元素 return $("#password").is(":filled") } } 針對參數為非boolean類型的校驗方法如下： maxlength:{ param:2 //只有depends:function(element)返回true，maxlength校驗方法的值才設置為2 depends:function(element){ //:filled是Validation自帶的選擇器，匹配填寫內容的元素 return $("#password").is(":filled") } } } groups的使用如下：(groups使提示在同一位置輪流展示) groups:{login:"username password confirm-password"} //對一組元素進行驗證 errorPlacement:function(error,element){ //對一組元素驗證后錯誤信息顯示 error.insertBefore("#info");//將一組元素的錯誤信息都顯示在id="info"的元素上 }查看全部
-
submitHandler和invalidHandler查看全部
-
validate()方法配置項是validate插件的核心內容 submitHandler通過驗證后運行的函數，可以加上表單提交方法 invalidHandler無效表單提交后運行的函數 ignore對某些元素不進行驗證 rules定義校驗規則 messages定義提示信息 groups對一組元素的驗證，用一個錯誤提示，用errorPlacement控制把出錯信息放在那實例調用： submitHandler:function(form){ //表單提交的方式 form.submit();//$(form).ajaxSubmit();//$ajax等方式提交表單 } invalidHandler:function(event,validator){ //event:無效驗證觸發的事件 //validator:對象 }也可以寫一個事件來觸發 $("選擇器屬性值").on("事件名",function(event,validator)){ });查看全部
-
validator對象靜態方法 $.validator.addMethod(name,method[,message])增加自定義的驗證方法 $.validator.format(template,argument,argumentN...)格式化字符串，用參數代替模板中的{n} $.validator.setDefaults(options)修改插件默認設置 $.validator.addClassRules(name,rules)為包含class屬性名批量增加驗證類型(下圖為實例，給classname為“txt”的元素添加驗證類型)查看全部
-
Validator對象方法查看全部
-
$("#form").valid()?"correct":"error"; //valid()方法：檢查表單或某些元素是否有效，返回值為boolean型， 全部通過檢查規則返回true，只要有不通過的檢查規則都返回false rules只針對表單里的元素，而不是某個整個表單(會拋出錯誤) 1.可以使用rules("add",{})的方法來為元素添加規則，如: $("#username").rules("add",{minlength:2,maxlength:10}) 2.可以使用rules("remove",{})的方法來為元素去掉規則，如： $("#username").rules("remove","email max min") 3.可以使用rules（）無參數的方法來獲取規則.查看全部
-
validation插件的基本驗證方法之四： 13、number：數字驗證，任意整形、非整形、負數、整數皆可 14、digits：整數驗證，必須為大于等于0的數字 PS：以上驗證方法的值為boolean，true表示進行驗證 15、equalTo：與另一個元素值相等驗證，值為選擇器，表示是和那一個元素的值比較 如：equalTo:"#password"，表示用當前元素的值和id="password"元素的值相比較查看全部
-
validation插件的基本驗證方法之三： 9、email：Email格式校驗 10、url：url格式校驗，需要帶“http://”或“https://”等前綴 11、date：日期校驗，使用的是js的date類型，只要能被Date.parse識別的都是有效的 12、dateISO：ISO日期校驗，格式必須為yyyy/MM/dd或yyyy-MM-dd的 PS：以上驗證方法的值都是boolean類型，true表示進行驗證查看全部
-
rangelength長度范圍：是以數組的方式呈現，如:rangelength:[2,10] == minlength:2, maxlength:10 min和minlength的區別：min 是表示數字，如，min:2 最小的數字為2.；minlength 是表示長度。 同樣，max 和maxlength ，range 和rangelength 都是前者表示數字，后者表示長度。查看全部
-
返回當前日期的毫秒的4種表示方法: var time1 = +new Date(); //使用+號，將object轉換成number var time2 = new Date().getTime(); var time3 = +new Date; //使用+號，將object轉換成number var time4 = new Date().valueOf();查看全部
-
remote用法例子：下載rules中查看全部
舉報
0/150
提交
取消