快捷導(dǎo)航

js番茄的表單驗(yàn)證類

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

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

相信大家看代碼后再添加一些針對(duì)其他格式的驗(yàn)證也不是太麻煩的事情
對(duì)于各種提示效果需要修改 feedback 方法就可以實(shí)現(xiàn)，因?yàn)椴幌胱尨a變得太臃腫，所以有很多不常用的功能就沒有再添加了
主要目的提供大家參考與分享，也希望能夠根據(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>番茄的表單驗(yàn)證類_腳本之家</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>密碼確認(rèn)</td>       <td>confirm</td>       <td><input type="text" name="confirm" controlName="密碼確認(rèn)" 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個(gè)字符</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>浮點(diǎn)數(shù)</td>       <td>float</td>       <td><input type="text" name="float" controlName="浮點(diǎn)數(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>手機(jī)</td>       <td>mobile</td>       <td><input type="text" name="mobile" controlName="手機(jī)" 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號(hào)碼</td>       <td>qq</td>       <td><input type="text" name="qq" controlName="QQ號(hào)碼" 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"這樣也是算浮點(diǎn)數(shù)的
2.this.reg和this.tip可以用
this.reg = {englisth : /^[a-zA-Z0-9_\-]+$/, chinese : /^[\u0391-\uFFE5]+$/}
這種形式，省點(diǎn)代碼
3.日期只驗(yàn)證格式?jīng)]有驗(yàn)證合法性

btw:controlName的做法不錯(cuò)

您可能感興趣的文章: