validator.js這個(gè)就是我們用于表單驗證的js文件!下面我們看看怎么使用: 首先我們用在需要驗證的頁(yè)面引入這個(gè)js(注意:我們的js框架是基于jquery的,要保證jquery已經(jīng)引入), 我們現在要對這個(gè)驗證進(jìn)行初始化,代碼如下: <script language="javascript" type="text/javascript"> $().ready(function() { $('form').checkForm(1); }); </script> <script language="javascript" type="text/javascript"> $().ready(function() { $('form').checkForm(1); }); </script> 表單驗證: QQ : <input type=”text” name=”qq” require=”ture” datatype=”qq” msg=”輸入正確的QQ”>?(屬性說(shuō)明見(jiàn)下表) Ajax驗證詳解: 自定義驗證,如果現有的類(lèi)型不能滿(mǎn)足,我可以用自定義驗證來(lái)解決問(wèn)題: 首先:我們的datatype必須指定”custom“,同時(shí)regexp 是我要寫(xiě)的驗證規則。 <input name="up" type="file" require="false" datatype="custom" regexp="(jpg|jpeg|gif)$" msg="非法的文件格式 只能上傳jpg,jpeg,gif">
屬性名 | 值 | 說(shuō)明 |
require | true/false | true說(shuō)明此值不可為空且通過(guò)表單檢驗 false說(shuō)明此值可以為空,但是如果有填寫(xiě)數據,則必須通過(guò)檢驗 如果不使用require則都不檢驗 |
datatype | 驗證數據類(lèi)型 | require | hinese | english | number | interger | double | email | url | phone | mobile | currency | zip | idCard | qq | data | safeString | repeat | compare | range | limit | limitB | group | custom | ajax |
msg | 提示的錯誤信息 | 語(yǔ)法形式:msg="wrong|wrong agin" |
Msgid | 提示的錯誤信息的ID | 錯誤信息的ID,比如<span id="msgid"></span>就需要在input里加msgid,如:<input msgid="msgid" type="text"> |
發(fā)表評論