使用jquery的validate外掛程式可以很方便地進行客戶端的驗證,具體做法如下:
2.在要使用的頁面引入jquery檔案以及jquery.validate.js檔案。
3.對要驗證的表單,呼叫validate方法進行驗證,只需要簡單的幾行**就可實現驗證效果。
4.頁面的html**如下:
附:常見的驗證規則如下:
(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驗證外掛程式使用
required true 必輸字段 2 remote remote valid.jsp 使用ajax方法呼叫remote valid.jsp驗證輸入值 3 email true 必須輸入正確格式的電子郵件 4 url true 必須輸入正確格式的 5 date true 必須輸入正確格式的日期,日...
jquery 表單驗證外掛程式
1 為inputvalidator增加empty屬性。用於設定控制項文字值是否允許兩邊為空。具體請看demo1裡的密碼的校驗 該屬性是個物件,預設值 leftempty 表示左邊是否允許為空 rightempty 表示右邊是否允許為空 emptyerror 出現該錯誤的時候的提示,如果為null,則...
JQuery驗證外掛程式validation的使用
這裡需要注意的是validation驗證外掛程式有依賴於jquery的,所以連同jquery也要一起放置到專案中。使用的時候很簡單,首先如果我們使用環境為中文,可以自定義中文提示資訊 也可以另存為檔案 如下 created by administrator on 2017 6 14.function...