使用jquery的驗證外掛程式進行客戶端驗證

2021-06-02 03:00:10 字數 894 閱讀 7366

使用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...