快捷導(dǎo)航

js番茄的表單驗證類

更新時間：2008年07月18日 08:46:39 作者：

這個驗證類的完成有很長時間了，一直沒有分享給大家使用了這么長時間之后感覺挺順手，用于一些不需要特殊效果的表單驗證個人認為已經(jīng)足夠了，還是挺好用的

相信大家看代碼后再添加一些針對其他格式的驗證也不是太麻煩的事情
對于各種提示效果需要修改 feedback 方法就可以實現(xiàn)，因為不想讓代碼變得太臃腫，所以有很多不常用的功能就沒有再添加了
主要目的提供大家參考與分享，也希望能夠根據(jù)大家的意見使其變得更加完善

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>番茄的表單驗證類_腳本之家</title>  </head> <body> <form id="form1" name="form1" method="post" action="" onsubmit="return validator(this);">   <table width="600" border="0" cellspacing="0" cellpadding="2" style="font:12px Tahoma">     <tr>       <td>密碼</td>       <td>password</td>       <td><input type="text" name="password" controlName="密碼" dataType="password" /></td>     </tr>     <tr>       <td>密碼確認</td>       <td>confirm</td>       <td><input type="text" name="confirm" controlName="密碼確認" confirm="password" /></td>     </tr>     <tr>       <td width="57">英文</td>       <td width="60">english</td>       <td width="471"><input type="text" name="english" controlName="英文" dataType="english" dataLength="4,10" />       4~10個字符</td>     </tr>     <tr>       <td>中文</td>       <td>chinese</td>       <td><input type="text" name="chinese" required="required" controlName="中文" /> 非空</td>     </tr>     <tr>       <td>數(shù)字</td>       <td>number</td>       <td><input type="text" name="number" controlName="數(shù)字" dataBetween="10,100" />       大于10，小于100</td>     </tr>     <tr>       <td>整數(shù)</td>       <td>integer</td>       <td><input type="text" name="integer" controlName="整數(shù)" dataType="integer" /></td>     </tr>     <tr>       <td>浮點數(shù)</td>       <td>float</td>       <td><input type="text" name="float" controlName="浮點數(shù)" dataType="float" /></td>     </tr>     <tr>       <td>日期</td>       <td>date</td>       <td><input type="text" name="date" controlName="日期" dataType="date" /></td>     </tr>     <tr>       <td>郵件</td>       <td>email</td>       <td><input type="text" name="email" controlName="郵件" dataType="email" /></td>     </tr>     <tr>       <td>網(wǎng)址</td>       <td>url</td>       <td><input type="text" name="url" controlName="網(wǎng)址" dataType="url" /></td>     </tr>     <tr>       <td>電話</td>       <td>phone</td>       <td><input type="text" name="phone" controlName="電話" dataType="phone" /></td>     </tr>     <tr>       <td>手機</td>       <td>mobile</td>       <td><input type="text" name="mobile" controlName="手機" dataType="mobile" /></td>     </tr>     <tr>       <td>IP地址</td>       <td>ip</td>       <td><input type="text" name="ip" controlName="IP地址" dataType="ip" /></td>     </tr>     <tr>       <td>郵編</td>       <td>zipcode</td>       <td><input type="text" name="zipcode" controlName="郵編" dataType="zipcode" /></td>     </tr>     <tr>       <td>QQ號碼</td>       <td>qq</td>       <td><input type="text" name="qq" controlName="QQ號碼" dataType="ip" /></td>     </tr>     <tr>       <td>MSN</td>       <td>msn</td>       <td><input type="text" name="msn" controlName="MSN" dataType="msn" /></td>     </tr>     <tr>       <td>身份證</td>       <td>idcard</td>       <td><input type="text" name="idcard" controlName="身份證" dataType="idcard" /></td>     </tr>     <tr>       <td colspan="3" align="left"><input type="submit" name="Submit" value=" 提交 " /></td>     </tr>   </table> </form> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

1.".3"這樣也是算浮點數(shù)的
2.this.reg和this.tip可以用
this.reg = {englisth : /^[a-zA-Z0-9_\-]+$/, chinese : /^[\u0391-\uFFE5]+$/}
這種形式，省點代碼
3.日期只驗證格式?jīng)]有驗證合法性

btw:controlName的做法不錯

您可能感興趣的文章: