Jquery表單驗證

2022-02-02 00:56:43 字數 2025 閱讀 1685

這裡引用的是jquery.validate.js檔案

預設校驗規則

(1)required:true 必輸字段

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

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

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

(5)date:true 必須輸入正確格式的日期

(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

而這裡jquery預設的提示資訊則顯示的英文,具體如下:

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檔案

如message_cn_colyn.js 在需要頁面的地方也新增以下引用

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("請輸入乙個最小為 的值")

});

整體的html使用方式如下:

這裡的success和error的class如下

/*驗證表單樣式*/

span.error

span.success

失敗是如下效果:

一般情況下可以將錯誤提示資訊放在class裡的

JQuery表單驗證

舉個例子,有這麼乙個表單 在這個表單中,有名 姓 使用者名稱 密碼 確認密碼和email。他們都為非空,並且電子郵件需要是格式正確的位址 確認密碼和密碼一致。使用jquery驗證最簡單的方式是引入jquery.js和jquery validation.js兩個js檔案。然後分別在input中加入cl...

jquery表單驗證

手機號碼驗證 中文字兩個位元組 jquery.validator.addmethod byterangelength function value,element,param return this.optional element length param 0 length param 1 請確保...

jquery表單驗證

順便吐槽星期六前端群裡的出來面基了,宅毛線,出來 嗨 表單驗證基於jquery beat1.0 相容ie6 author jounreyyao data 2015 07 02 function else if u4e00 u9fa5 i.test name else datayear functio...