基于jquery的simpleValidate簡易驗證插件

2019-11-20 21:10:25

字體：大中小

來源：轉載

供稿：網友

如果你不需要做onfocus和onblur的即時驗證，如果你不想對每個表格都通過JS定義驗證規則，如果你只需要在提交的時候進行一次驗證和反饋，如果你喜歡簡約的代碼結構，我覺得simpleValidate是不錯的選擇。

從關注度和下載量來看，這插件并不怎么受歡迎，不過不要緊，它是我的菜。
下載地址在最下邊，開源的，DEMO很詳細，相當容易上手。
原版不支持IE，原因是JSON的逗號和length是保留字的問題，修復方法就是把所有“}”前不必要的逗號刪掉，變量length改用其他變量名，我改了一個，并對提示內容進行了漢化，目前正在使用，暫未發現其他BUG，下載地址：jquery.simple.validation.js

定義 data-rules 屬性：
用井號“#”區分多個驗證規則，用加號“+”附帶驗證對比值，用橫杠“-”附帶反饋項目標題，以下列一下基本寫法

復制代碼代碼如下:

<input type="text" name="email" value="@" data-rules="郵箱-required#郵箱-valid_email" />
<input name="password" id="txt_pass" type="password" data-rules="密碼-min_length+8#密碼-max_length+16" />
<input name="password2" type="password" data-rules="確認密碼-matches+txt_pass+密碼" />

定義所有form在提交前都進行驗證：

復制代碼代碼如下:

$('form').bind('submit',function(){
    var message=$(this).validate();
    if(message!==true){
        alert(message);
        return false;
    }
    return true;
});

項目開源地址：https://github.com/capucinno-lee/jquery-simple-validation
DEMO地址：http://demo.VeVB.COm/js/2014/jquery_simple_validation/

上一篇：在百度知道團隊中快速審批新成員的js腳本

下一篇：基于JQuery實現的圖片自動進行縮放和裁剪處理