javascript 表单验证大全

表单的验证一直是网页设计者头痛的问题，表单验证类 Validator就是为解决这个问题而写的，旨在使设计者从纷繁复杂的表单验证中解放出来，把精力集中于网页的设计和功能上的改进上。 　　Validator是基于JavaScript技术的伪静态类和对象的自定义属性，可以对网页中的表单项输入进行相应的验证，允许同一页面中同时验证多个表单，熟悉接口之后也可以对特定的表单项甚至仅仅是某个字符串进行验证。因为是伪静态类，所以在调用时不需要实例化，直接以"类名+.语法+属性或方法名"来调用。此外，Validator还提供3种不同的错误提示模式，以满足不同的需要。 　　完整文档下载:　Validator.chm (zip压缩,111K) 　　Validator目前可实现的验证类型有： 　　1.是否为空；　　2.中文字符；　　3.双字节字符　　4.英文；　　5.数字；　　6.整数；　　7.实数；　　8.Email地址；　　9.使用HTTP协议的网址；　　10.电话号码；　　11.货币；　　12.手机号码；　　13.邮政编码；　　14.身份证号码；　　15.QQ号码；　　16.日期；　　17.符合安全规则的密码；　　18.某项的重复值；　　19.两数的关系比较；　　20.判断输入值是否在(n, m)区间；　　21.输入字符长度限制(可按字节比较)；　　22.对于具有相同名称的单选按钮的选中判断；　　23.限制具有相同名称的多选按钮的选中数目；　　24.自定义的正则表达式验证； 　　运行环境(客户端)： 　　在Windows Server 2003下用IE6.0+SP1和Mozilla Firefox 1.0测试通过；　　在Lunix RedHat 9下的Netscape测试通过； Validator 完整代码： <title>表单验证类 Validator v1.0</title> <mce:style><!-- body,td{font:normal 12px Verdana;color:#333333} input,textarea,select,td{font:normal 12px Verdana;color:#333333;border:1px solid #999999;background:#ffffff} table{border-collapse:collapse;} td{padding:3px} input{height:20;} textarea{width:80%;height:50px;overflow:auto;} form{display:inline} --></mce:style><style mce_bogus="1">body,td{font:normal 12px Verdana;color:#333333} input,textarea,select,td{font:normal 12px Verdana;color:#333333;border:1px solid #999999;background:#ffffff} table{border-collapse:collapse;} td{padding:3px} input{height:20;} textarea{width:80%;height:50px;overflow:auto;} form{display:inline}</style> <table align="center"> <form name="theForm" id="demo" action="" method="get" onSubmit="return Validator.Validate(this,2)"> <tr> <td>真实姓名：</td><td><input name="Name" dataType="Chinese" msg="真实姓名只允许中文"></td> </tr> <tr> <td>英文名：</td><td><input name="Nick" dataType="English" require="false" msg="英文名只允许英文字母"></td> </tr> <tr> <td>主页：</td><td><input name="Homepage" require="false" dataType="Url" msg="非法的Url"></td> </tr> <tr> <td>密码：</td><td><input name="Password" dataType="SafeString" msg="密码不符合安全规则" type="password"></td> </tr> <tr> <td>重复：</td><td><input name="Repeat" dataType="Repeat" to="Password" msg="两次输入的密码不一致" type="password"></td> </tr> <tr> <td>信箱：</td><td><input name="Email" dataType="Email" msg="信箱格式不正确"></td> </tr> <tr> <td>信箱：</td><td><input name="Email" dataType="Repeat" to="Email" msg="两次输入的信箱不一致"></td> </tr> <tr> <td>QQ：</td><td><input name="QQ" require="false" dataType="QQ" msg="QQ号码不存在"></td> </tr> <tr> <td>身份证：</td><td><input name="Card" dataType="IdCard" msg="身份证号码不正确"></td> </tr> <tr> <td>年龄：</td><td><input name="Year" dataType="Range" msg="年龄必须在18~28之间" min="18" max="28"></td> </tr> <tr> <td>年龄1：</td><td><input name="Year1" require="false" dataType="Compare" msg="年龄必须在18以上" to="18" operator="GreaterThanEqual"></td> </tr> <tr> <td>电话：</td><td><input name="Phone" require="false" dataType="Phone" msg="电话号码不正确"></td> </tr> <tr> <td>手机：</td><td><input name="Mobile" require="false" dataType="Mobile" msg="手机号码不正确"></td> </tr> <tr> <td>生日：</td><td><input name="Birthday" dataType="Date" format="ymd" msg="生日日期不存在"></td> </tr> <tr> <td>邮政编码：</td><td><input name="Zip" dataType="Custom" regexp="^[1-9]/d{5}$" msg="邮政编码不存在"></td> </tr> <tr> <td>邮政编码：</td><td><input name="Zip1" dataType="Zip" msg="邮政编码不存在"></td> </tr> <tr> <td>操作系统：</td><td><select name="Operation" dataType="Require" msg="未选择所用操作系统" ><option value="">选择您所用的操作系统</option><option value="Win98">Win98</option><option value="Win2k">Win2k</option><option value="WinXP">WinXP</option></select></td> </tr> <tr> <td>所在省份：</td><td>广东<input name="Province" value="1" type="radio">陕西<input name="Province" value="2" type="radio">浙江<input name="Province" value="3" type="radio">江西<input name="Province" value="4" type="radio" dataType="Group" msg="必须选定一个省份" ></td> </tr> <tr> <td>爱好：</td><td>运动<input name="Favorite" value="1" type="checkbox">上网<input name="Favorite" value="2" type="checkbox">听音乐<input name="Favorite" value="3" type="checkbox">看书<input name="Favorite" value="4" type="checkbox"" dataType="Group" min="2" max="3" msg="必须选择2~3种爱好"></td> </tr> <td>自我介绍：</td><td><textarea name="Description" dataType="Limit" max="10" msg="自我介绍内容必须在10个字之内">中文是一个字

1、数字 Code function testisNum(object) { var s =document.getElementById(object.id).value; if(s!="") { if(isNaN(s)) { alert("请输入数字"); object.value=""; object.focus(); } } } 2、电话号码，传真 Code //校验普通电话、传真号码：可以“+”开头，除数字外，可含有“-” function isTel(object) { //国家代码(2到3位)-区号(2到3位)-电话号码(7到8位)-分机号(3位)" var s =document.getElementById(object.id).value; var pattern =/^(([0/+]/d{2,3}-)?(0/d{2,3})-)(/d{7,8})(-(/d{3,}))?$/; //var pattern =/(^[0-9]{3,4}/-[0-9]{7,8}$)|(^[0-9]{7,8}$)|(^/([0-9]{3,4}/)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/; if(s!="") { if(!pattern.exec(s)) { alert('请输入正确的电话号码:电话号码格式为国家代码(2到3位)-区号(2到3位)-电话号码(7到8位)-分机号(3位)"'); object.value=""; object.focus(); } } } 3、邮箱 Code function Check(object) { var s =document.getElementById(object.id).value; var pattern =/^[a-zA-Z0-9_/-]{1,}@[a-zA-Z0-9_/-]{1,}/.[a-zA-Z0-9_/-.]{1,}$/; if(s!="") { if(!pattern.exec(s)) { alert('请输入正确的邮箱地址'); object.value=""; object.focus(); } } } 4、手机号码 Code //校验手机号码：必须以数字开头，除数字外，可含有“-” function isMobile(object) { var s =document.getElementById(object.id).value; var reg0 = /^13/d{5,9}$/; var reg1 = /^153/d{4,8}$/; var reg2 = /^159/d{4,8}$/; var reg3 = /^0/d{10,11}$/; var my = false; if (reg0.test(s))my=true; if (reg1.test(s))my=true; if (reg2.test(s))my=true; if (reg3.test(s))my=true; if(s!="") { if (!my) { alert('请输入正确的手机号码'); object.value=""; object.focus(); } } } Code //校验日期 function isdate(object) { var s =document.getElementById(object.id).value; var pattern =/^((/d{2}(([02468][048])|([13579][26]))[/-///s]?((((0?[13578])|(1[02]))[/-///s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[/-///s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[/-///s]?((0?[1-9])|([1-2][0-9])))))|(/d{2}(([02468][1235679])|([13579][01345789]))[/-///s]?((((0?[13578])|(1[02]))[/-///s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[/-///s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[/-///s]?((0?[1-9])|(1[0-9])|(2[0-8]))))))(/s(((0?[0-9])|([1-2][0-3]))/:([0-5]?[0-9])((/s)|(/:([0-5]?[0-9])))))?$/; if(s!="") { if(!pattern.exec(s)) { alert('请输入正确的日期'); object.value=""; object.focus(); } } }5、邮编 Code //校验(国内)邮政编码 function isPostalCode(object) { var s =document.getElementById(object.id).value; var pattern =/^[0-9]{6}$/; if(s!="") { if(!pattern.exec(s)) { alert('请输入正确的邮政编码'); object.value=""; object.focus(); } } } 6、日期 Code //校验日期 function isdate(object) { var s =document.getElementById(object.id).value; var pattern =/^((/d{2}(([02468][048])|([13579][26]))[/-///s]?((((0?[13578])|(1[02]))[/-///s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[/-///s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[/-///s]?((0?[1-9])|([1-2][0-9])))))|(/d{2}(([02468][1235679])|([13579][01345789]))[/-///s]?((((0?[13578])|(1[02]))[/-///s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[/-///s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[/-///s]?((0?[1-9])|(1[0-9])|(2[0-8]))))))(/s(((0?[0-9])|([1-2][0-3]))/:([0-5]?[0-9])((/s)|(/:([0-5]?[0-9])))))?$/; if(s!="") { if(!pattern.exec(s)) { alert('请输入正确的日期'); object.value=""; object.focus(); } } }