|
|
一款比較實(shí)用,并且驗(yàn)證類型齊全的jQuery表單驗(yàn)證插件.英文版原作者@Vanadium,由我做中文整理.E文水平有限,如果翻譯的有問題的,請大家指出,在此感謝~
可以驗(yàn)證哪些? 文字,日期,郵箱,網(wǎng)址,數(shù)字,AJAX用戶名驗(yàn)證以及自定義的正則等等幾乎所有我們要用到的驗(yàn)證.
不多說,看DEMO吧: 點(diǎn)此查看DEMO點(diǎn)此下載DEMO
如何使用?
第一步,當(dāng)然是和使用其他jQuery插件一樣,引入插件文件vanadium.js;
第二步,根據(jù)你表單要使用的驗(yàn)證方法,在你的表單中加入對應(yīng)的驗(yàn)證掛鉤.比如你想使下面的表單為必填項(xiàng):
那么,就給它添加class=”:required”> :
<input id="checkempty" class=":required" />其他的也依次類推,類似:required的驗(yàn)證鉤子,可以在靜態(tài)頁中找到,比如數(shù)字是:number,最大值是:max_length;4,當(dāng)然,你還可以自定義或者修改成你懂的名稱.
如果你同一個表單要滿足多個條件,比如必填項(xiàng),且輸入字符數(shù)在4-8之間,你可以這樣寫:
明白了嗎?用空格隔開條件即可;
第三步,修改彈出信息,比如此項(xiàng)不可為空,你覺得不個性,你可以在判斷語句中找到這個字段修改成你覺得個性的.
第四步,刪除你用不到的條件判斷.保持代碼的干凈精練,是一種美德.DEMO頁面中列出了所有的判斷方法,這些判斷在現(xiàn)實(shí)應(yīng)用中幾乎不可能在同一個表單中用完.所以,刪除那些你用不著的判斷語句.不刪?好吧,那只能證明你很懶,別的沒什么影響.
第五步,幾個參數(shù)說明:
invalid_class: 'failformcss',//驗(yàn)證失敗時該表單樣式
message_value_class: 'msgvaluecss',//這個樣式是彈出信息中調(diào)用值的樣式
advice_class: 'failmsg',//驗(yàn)證失敗時文字信息的樣式
哦?就這么簡單,沒其他好說的了,使用時請看我寫的注釋。
it知識庫：一款比較實(shí)用齊全的jQuery 表單驗(yàn)證插件，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
