JQuery Validate使用總結

2021-09-10 18:57:33 字數 2854 閱讀 2835

一、匯入js庫

二、預設校驗規則

(1)required:true 必輸字段

(2)remote:"check.php" 使用ajax方法呼叫check.php驗證輸入值

(3)email:true 必須輸入正確格式的電子郵件

(4)url:true 必須輸入正確格式的**

(5)date:true 必須輸入正確格式的日期 日期校驗ie6出錯,慎用

(6)dateiso:true 必須輸入正確格式的日期(iso),例如:2009-06-23,1998/01/22 只驗證格式,不驗證有效性

(7)number:true 必須輸入合法的數字(負數,小數)

(8)digits:true 必須輸入整數

(9)creditcard: 必須輸入合法的信用卡號

(10)equalto:"#field" 輸入值必須和#field相同

(11)accept: 輸入擁有合法字尾名的字串(上傳檔案的字尾)

(12)maxlength:5 輸入長度最多是5的字串(漢字算乙個字元)

(13)minlength:10 輸入長度最小是10的字串(漢字算乙個字元)

(14)rangelength:[5,10] 輸入長度必須介於 5 和 10 之間的字串")(漢字算乙個字元)

(15)range:[5,10] 輸入值必須介於 5 和 10 之間

(16)max:5 輸入值不能大於5

(17)min:10 輸入值不能小於10

三、預設的提示

messages: characters."),

minlength: $.validator.format("please enter at least characters."),

rangelength: $.validator.format("please enter a value between and characters long."),

range: $.validator.format("please enter a value between and ."),

max: $.validator.format("please enter a value less than or equal to ."),

min: $.validator.format("please enter a value greater than or equal to .")

},如需要修改,可在js**中加入:

jquery.extend(jquery.validator.messages, 的字串"),

minlength: jquery.validator.format("請輸入乙個 長度最少是 的字串"),

rangelength: jquery.validator.format("請輸入 乙個長度介於 和 之間的字串"),

range: jquery.validator.format("請輸入乙個介於 和 之間的值"),

max: jquery.validator.format("請輸入乙個最大為 的值"),

min: jquery.validator.format("請輸入乙個最小為 的值")

});推薦做法,將此檔案放入messages_cn.js中,在頁面中引入

四、使用方式1.將校驗規則寫到控制項中

$().ready(function() );

使用class="{}"的方式,必須引入包:jquery.metadata.js

可以使用如下的方法,修改提示內容:

class="}"

在使用equalto關鍵字時,後面的內容必須加上引號,如下**:

class=""

2.將校驗規則寫到js**中

$().ready(function() ,

password: ,

confirm_password:

},messages: ,

password: 個字 符")

},confirm_password:

}});

});//messages處,如果某個控制項沒有message,將呼叫預設的資訊

required:true 必須有值

required:"#aa:checked"表示式的值為真,則需要驗證

required:function(){}返回為真,表時需要驗證

後邊兩種常用於,表單中需要同時填或不填的元素

demo:

$("#form1").validate(,

ctl00$maincontent$txtshortname: ,

ctl00$maincontent$txtkeywords: ,

ctl00$maincontent$txtgoodsno: ,

ctl00$maincontent$txtremark: ,

ctl00$maincontent$txtpagetitle: ,

ctl00$maincontent$txtmetakey: ,

ctl00$maincontent$txtshowurl: ,

ctl00$maincontent$txtotherdata: ,

ctl00$maincontent$txtec :,

ctl00$maincontent$txtfullep : ,

ctl00$maincontent$txtmarketprice : ,

ctl00$maincontent$txtcash : ,

ctl00$maincontent$txtdurationdays:,

ctl00$maincontent$txtfullcash:

},messages:

}); //validate

現在努力三年,以後三十年不用太辛苦……

jquery validate 校驗心得

1.rule 裡面的設定的各個項是以name 做為關鍵字,莫以id做為唯一值。謹記 2.jquery.validator.format 的使用列子 button click function this is alert str str jquery.validator.format str,worl...

jQuery Validate外掛程式使用

這幾天一直在接觸驗證方面的工作,jquery validate是乙個比較常用的驗證外掛程式,說一下心得吧。效果圖類似 說乙個簡單的,現在需求是模板編號只能是正整數數字。控制項 如下 模板編號 接下來就是使用jquery了,第一步肯定是匯入js庫了,這個不用說,第二步開始寫js 解釋一下吧,首先jqu...

jQuery Validate 觸發機制

lang en charset utf 8 titletitle src jquery 1.11.2.js script src jquery.validate.min.js script document ready function 15 0 9 18 0 9 d test value 請正確填...