基于jquery的simpleValidate簡易驗(yàn)證插件
如果你不需要做onfocus和onblur的即時(shí)驗(yàn)證，如果你不想對每個(gè)表格都通過JS定義驗(yàn)證規(guī)則，如果你只需要在提交的時(shí)候進(jìn)行一次驗(yàn)證和反饋，如果你喜歡簡約的代碼結(jié)構(gòu)，我覺得simpleValidate是不錯的選擇。
從關(guān)注度和下載量來看，這插件并不怎么受歡迎，不過不要緊，它是我的菜。
下載地址在最下邊，開源的，DEMO很詳細(xì)，相當(dāng)容易上手。
原版不支持IE，原因是JSON的逗號和length是保留字的問題，修復(fù)方法就是把所有“}”前不必要的逗號刪掉，變量length改用其他變量名，我改了一個(gè)，并對提示內(nèi)容進(jìn)行了漢化，目前正在使用，暫未發(fā)現(xiàn)其他BUG，下載地址：jquery.simple.validation.js
定義 data-rules 屬性：
用井號“#”區(qū)分多個(gè)驗(yàn)證規(guī)則，用加號“+”附帶驗(yàn)證對比值，用橫杠“-”附帶反饋項(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)文章
這篇文章主要詳細(xì)介紹了jquery圖片播放瀏覽插件prettyPhoto使用方法，以及支持的每種類型的詳細(xì)示例，非常的不錯，有需要的小伙伴參考下2014-12-12
jquery動態(tài)添加帶有樣式的HTML標(biāo)簽元素方法
下面小編就為大家分享一篇jquery動態(tài)添加帶有樣式的HTML標(biāo)簽元素方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
JQuery CheckBox（復(fù)選框）操作方法匯總
這篇文章主要介紹了JQuery CheckBox（復(fù)選框）操作方法匯總,本文講解了獲取單個(gè)checkbox選中項(xiàng)、獲取多個(gè)checkbox選中項(xiàng)、設(shè)置第一個(gè)checkbox 為選中值、設(shè)置最后一個(gè)checkbox為選中值等內(nèi)容,需要的朋友可以參考下2015-04-04
jQuery 驗(yàn)證插件 Web前端設(shè)計(jì)模式(asp.net)
asp.net下用戶注冊頁面的驗(yàn)證代碼，花了點(diǎn)時(shí)間將驗(yàn)證做成一個(gè)jQuery插件，希望對需要的朋友有所幫助。2010-10-10
基于jQuery使用Ajax動態(tài)執(zhí)行模糊查詢功能
這篇文章主要介紹了基于jQuery使用Ajax動態(tài)執(zhí)行模糊查詢功能,通過實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-07-07
jQuery 網(wǎng)易相冊鼠標(biāo)移動顯示隱藏效果實(shí)現(xiàn)代碼
顯示隱藏效果的實(shí)現(xiàn)主要是jquery層選擇器的應(yīng)用：當(dāng)鼠標(biāo)移動經(jīng)過照片就顯示設(shè)為封面刪除，移開后就隱藏，此效果在web開發(fā)中經(jīng)常會用到，感興趣的朋友可以參考下哈2013-03-03
jquery each想必大家對此并不陌生吧，它的使用范圍還是比較廣泛的，下面與大家分享個(gè)示例來介紹jquery each的使用方法，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08
本篇文章主要介紹了JQuery中解決重復(fù)動畫的辦法，有分別有圖片滾動輪播，回到頁面頂部，聯(lián)級菜單滑出，手風(fēng)琴等效果，有需要的朋友可以來看一下。2016-10-10
jquery多行滾動/向左或向上滾動/響應(yīng)鼠標(biāo)實(shí)現(xiàn)思路及代碼
多行滾動jQuery循環(huán)新聞列表代碼包括以下功能:鼠標(biāo)滑上焦點(diǎn)圖時(shí)停止自動播放/滑出時(shí)開始自動播放以及判斷執(zhí)行橫向或縱向滾動,感興趣的朋友可以了解下哦2013-01-01
jQuery進(jìn)階實(shí)踐之利用最優(yōu)雅的方式如何寫ajax請求
ajax請求相信對大家來說都不陌生，下面這篇文章主要介紹了jQuery進(jìn)階實(shí)踐之利用最優(yōu)雅的方式如何寫ajax請求的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12