jQuery外掛程式中validate的使用

2021-08-27 12:08:29 字數 1435 閱讀 9197

•validate簡介:

–自帶驗證規則,包括必填,數字,url等

–驗證提示資訊(就是驗證失敗時候的提示資訊,要想顯示中文需要外掛程式支援)

–多種事件觸發,不僅可以在提交(單擊submit型別的按鈕)時,還可以在keyup,blur事件中觸發驗證

–4.允許自定義驗證規則

•validate使用方法:

–引入jquery包

–引入jquery.validate.js

–引入messages_cn.js

–為表單定義乙個id

–為需要驗證的控制項定義name屬性,並賦值,此外掛程式使用的是控制項的name屬性,而非id

必須先引入

jquery

,否則會報錯

"jquery

未定義"

$('#fmv').validate(, //username是表單中name屬性是username

email: //email是表單中name屬性是username

},errorshow: function (error, element)

})

•使用上面的**進行驗證:

–rules:宣告驗證規則,此為關鍵字,不能寫錯

–username和email:控制項的name屬性的值

–errorshow:表示錯誤處理,可以自定義名字

–error:錯誤資訊

–element:錯誤元素

validate內建驗證規則

•required:true 必輸字段

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

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

•url:true 必須輸入正確格式的**

•date:true 必須輸入正確格式的日期

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

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

•digits:true 必須輸入整數

•creditcard: 必須輸入合法的信用卡號

•equalto:"#field" 輸入值必須和#field相同

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

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

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

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

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

•max:5 輸入值不能大於5

•min:10 輸入值不能小於10

下面是這些驗證的使用:

jQuery中的外掛程式

目錄 0.碼仙勵志 2.為什麼需要jquery外掛程式 3.使用外掛程式的步驟 4.jquery.color.js 5.jquery.lazyload.js 6.製作jquery外掛程式 成功沒有快車道,幸福沒有高速路。所有的成功,都來自不倦的努力和奔跑 所有的幸福,都來自平凡的奮鬥和堅持 因為jq...

關於jQuery外掛程式中datatables的學習

reference function inittable ajax function data,callback,settings else columns data的名字和你返回引數裡面json裡的名字相對應,title相當於th,表頭這樣子的,class代表樣式。else return data...

Jquery中的Cookie外掛程式

一 什麼是cookie?cookie就是儲存在瀏覽器上的內容,使用者在這次瀏覽頁面的時候向cookie中儲存文字內容,下次再訪問頁面的時候就可以取出來上次儲存的內容,這樣就可以得到上次 記憶 的內容。結論 cookie就是儲存在瀏覽器裡的一些資料。二 cookie是jquery特有的嗎?cookie...