jQuery中validate插件怎麼用

WBOY
發布: 2022-06-09 10:14:53
原創
1486 人瀏覽過

在jQuery中,validate外掛程式用於表單驗證,能夠驗證使用者在表單中輸入的內容,同時該外掛程式提供了大量的自訂選項,包括URL和電子郵件驗證,提供了一個用來編寫使用者自訂方法的API,下載好的外掛程式可以透過「

jQuery中validate插件怎麼用

本教學操作環境:windows10系統、jquery3.4.1版本、Dell G3電腦。

jQuery中validate外掛程式

jQuery Validate 外掛程式為表單提供了強大的驗證功能,讓客戶端表單驗證變得更簡單,同時提供了大量的客製化選項,滿足應用程式各種需求。該外掛程式捆綁了一套有用的驗證方法,包括 URL 和電子郵件驗證,同時提供了一個用來編寫使用者自訂方法的 API。所有的捆綁方法預設使用英語作為錯誤訊息,且已翻譯成其他 37 種語言。

預設校驗規則如下:

  • 1 required:true 必須輸入的欄位。

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

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

  • 4 url​​:true 必須輸入正確格式的網址。

  • 5 date:true 必須輸入正確格式的日期。日期校驗 ie6 錯,慎用。

  • 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。

範例如下:

1 將下載好的form表單外掛程式複製到專案js資料夾裡

jQuery中validate插件怎麼用

jQuery中validate插件怎麼用

2 引入到html頁面中

jQuery中validate插件怎麼用

#要注意的點:

1 要引入的外掛程式一定務必正確不能錯

2 如果要引入jQuery檔案庫的話jQuery檔案庫一定要比外掛程式要先引入外掛程式是基於jQuery庫的

影片教學推薦:jQuery影片教學

以上是jQuery中validate插件怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板