jQuery Validation Plugin - 表單驗(yàn)證

Validate.js 客戶端驗(yàn)證：
用于表單元素的輸入驗(yàn)證，如輸入不能為空，所輸入的郵箱地址是否合法

  1. 減少服務(wù)器端的壓力
  2. 縮短用戶等待時間

Validate.js 重要概念:

  • validate({ } )方法
    插件的核心方法，定義校驗(yàn)規(guī)則(rules) 和相關(guān)配置項

  • rules
    驗(yàn)證規(guī)則，指元素和驗(yàn)證方法的關(guān)聯(lián)。如頁面中id=mailBox的文
    本框,需要帶有Email的驗(yàn)證方法(email:true 或
    required:true)。

  • method
    驗(yàn)證的邏輯，如 (email:true 或 required:true)。

嘮叨一圈，該實(shí)戰(zhàn)了。
實(shí)現(xiàn)Validate.js只需要兩個步驟：
(1) 引入 jquery.js ,jquery.validate.js 兩個腳本；
(2) 關(guān)聯(lián)表單與驗(yàn)證方法，定義驗(yàn)證結(jié)果的顯示的信息。

Demo Code
效果圖

validateJS.png

Reference Link
jQuery-Validation-Plugin-Example
10-jquery-form-validation-plugins

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容