首頁 > web前端 > js教程 > 主體

基於jquery的simpleValidate簡易驗證外掛程式_jquery

WBOY
發布: 2016-05-16 17:01:45
原創
1196 人瀏覽過

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

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

定義data-rules 屬性:
用井號「#」區分多個驗證規則,用加號「 」附帶驗證對比值,用橫槓「-」附帶回饋項目標題,以下列一下基本寫法

複製程式碼 程式碼如下:




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

複製程式碼 程式碼如下:

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


專案開源位址:https://github.com/capucinno-lee/jquery-simple-validation

DEMO位址:http://demo.jb51.net/js /2014/jquery_simple_validation/

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!