基于jquery的simpleValidate簡易驗(yàn)證插件
如果你不需要做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)題,以下列一下基本寫法
<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)證:
$('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/
- jValidate 基于jQuery的表單驗(yàn)證插件
- JQuery擴(kuò)展插件Validate 5添加自定義驗(yàn)證方法
- JQuery擴(kuò)展插件Validate 2通過參數(shù)設(shè)置驗(yàn)證規(guī)則
- JQuery擴(kuò)展插件Validate—6 radio、checkbox、select的驗(yàn)證
- jquery插件validate驗(yàn)證的小例子
- jQuery驗(yàn)證插件 Validate詳解
- jquery表單驗(yàn)證插件(jquery.validate.js)的3種使用方式
- jquery validate和jquery form 插件組合實(shí)現(xiàn)驗(yàn)證表單后AJAX提交
- jQuery插件EasyUI校驗(yàn)規(guī)則 validatebox驗(yàn)證框
- jQuery驗(yàn)證插件validate使用方法詳解
相關(guān)文章
jquery動(dòng)態(tài)添加帶有樣式的HTML標(biāo)簽元素方法
下面小編就為大家分享一篇jquery動(dòng)態(tài)添加帶有樣式的HTML標(biāo)簽元素方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-02-02JQuery CheckBox(復(fù)選框)操作方法匯總
這篇文章主要介紹了JQuery CheckBox(復(fù)選框)操作方法匯總,本文講解了獲取單個(gè)checkbox選中項(xiàng)、獲取多個(gè)checkbox選中項(xiàng)、設(shè)置第一個(gè)checkbox 為選中值、設(shè)置最后一個(gè)checkbox為選中值等內(nèi)容,需要的朋友可以參考下2015-04-04jQuery 驗(yàn)證插件 Web前端設(shè)計(jì)模式(asp.net)
asp.net下用戶注冊頁面的驗(yàn)證代碼,花了點(diǎn)時(shí)間將驗(yàn)證做成一個(gè)jQuery插件,希望對(duì)需要的朋友有所幫助。2010-10-10基于jQuery使用Ajax動(dòng)態(tài)執(zhí)行模糊查詢功能
這篇文章主要介紹了基于jQuery使用Ajax動(dòng)態(tài)執(zhí)行模糊查詢功能,通過實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-07-07jQuery 網(wǎng)易相冊鼠標(biāo)移動(dòng)顯示隱藏效果實(shí)現(xiàn)代碼
顯示隱藏效果的實(shí)現(xiàn)主要是jquery層選擇器的應(yīng)用:當(dāng)鼠標(biāo)移動(dòng)經(jīng)過照片就顯示設(shè)為封面刪除,移開后就隱藏,此效果在web開發(fā)中經(jīng)常會(huì)用到,感興趣的朋友可以參考下哈2013-03-03jquery多行滾動(dòng)/向左或向上滾動(dòng)/響應(yīng)鼠標(biāo)實(shí)現(xiàn)思路及代碼
多行滾動(dòng)jQuery循環(huán)新聞列表代碼包括以下功能:鼠標(biāo)滑上焦點(diǎn)圖時(shí)停止自動(dòng)播放/滑出時(shí)開始自動(dòng)播放以及判斷執(zhí)行橫向或縱向滾動(dòng),感興趣的朋友可以了解下哦2013-01-01jQuery進(jìn)階實(shí)踐之利用最優(yōu)雅的方式如何寫ajax請求
ajax請求相信對(duì)大家來說都不陌生,下面這篇文章主要介紹了jQuery進(jìn)階實(shí)踐之利用最優(yōu)雅的方式如何寫ajax請求的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12