這裡引用的是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...