簡易驗證插件simpleValidate使用心得,基於JQuery,修改小BUG後能兼容各浏覽器,附自用版本供下載
如果你不需要做onfocus和onblur的即時驗證,如果你不想對每個表格都通過JS定義驗證規則,如果你只需要在提交的時候進行一次驗證和反饋,如果你喜歡簡約的代碼結構,我覺得simpleValidate是不錯的選擇。 從關注度和下載量來看,這插件並不怎麼受歡迎,不過不要緊,它是我的菜。 下載地址在最下邊,開源的,DEMO很詳細,相當容易上手。 原版不支持IE,原因是JSON的逗號和length是保留字的問題,修復方法就是把所有“}”前不必要的逗號刪掉,變量length改用其他變量名,我改了一個,並對提示內容進行了漢化,目前正在使用,暫未發現其他BUG,下載地址:jquery.simple.validation.js 定義 data-rules 屬性: 用井號“#”區分多個驗證規則,用加號“+”附帶驗證對比值,用橫槓“-”附帶反饋項目標題,以下列一下基本寫法 代碼如下: <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="確認密碼-matches+txt_pass+密碼" /> 定義所有form在提交前都進行驗證: 代碼如下: $('form').bind('submit',function(){ var message=$(this).validate(); if(message!==true){ alert(message); return false; } return true; });