欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于jquery的simpleValidate簡易驗(yàn)證插件

 更新時(shí)間:2014年01月31日 21:48:29   作者:  
簡易驗(yàn)證插件simpleValidate使用心得,基于JQuery,修改小BUG后能兼容各瀏覽器,附自用版本供下載

如果你不需要做onfocus和onblur的即時(shí)驗(yàn)證,如果你不想對(duì)每個(gè)表格都通過JS定義驗(yàn)證規(guī)則,如果你只需要在提交的時(shí)候進(jìn)行一次驗(yàn)證和反饋,如果你喜歡簡約的代碼結(jié)構(gòu),我覺得simpleValidate是不錯(cuò)的選擇。

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

定義 data-rules 屬性:
用井號(hào)“#”區(qū)分多個(gè)驗(yàn)證規(guī)則,用加號(hào)“+”附帶驗(yàn)證對(duì)比值,用橫杠“-”附帶反饋項(xiàng)目標(biāo)題,以下列一下基本寫法

復(fù)制代碼 代碼如下:

<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="確認(rèn)密碼-matches+txt_pass+密碼" />

定義所有form在提交前都進(jìn)行驗(yàn)證:

復(fù)制代碼 代碼如下:

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

項(xiàng)目開源地址:https://github.com/capucinno-lee/jquery-simple-validation
DEMO地址:http://demo.jb51.net/js/2014/jquery_simple_validation/

相關(guān)文章

最新評(píng)論