表单验证功能实现
来源:互联网 发布:编个写歌的软件下载 编辑:程序博客网 时间:2024/05/17 06:18
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>验证表单数据</title> <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;overfmin:auto;} form{display:inline} </style> <script language="javascript"> function stopMouse(){event.returnValue=false;}document.oncontextmenu=stopMouse; function check(){var reg=/^[\u4E00-\u9FA5]{1,}$/;if(reg.test(document.all.chinaName.value)==false){alert('真实姓名必须为中文!');document.all.chinaName.focus();return false;}reg=/^[a-zA-Z]+$/;if(reg.test(document.all.englishName.value)==false){alert('英文名不合法!');document.all.englishName.focus();return false;}reg=/^\w{6,}$/;if(reg.test(document.all.password1.value)==false){alert('密码不合法');document.all.password1.focus();return false;}if(document.all.password2.value!=document.all.password1.value){alert('输入密码不一致');document.all.password2.focus();return false;}reg=/^\w+(\.\w+)*@\w+(\.\w+)+$/;if(reg.test(document.all.email.value)==false){alert('邮箱不合法');return false;}reg=/^[1-9]\d{4,9}$/;if(reg.test(document.all.qq.value)==false){alert('QQ号码无效!');return false;}reg=/^\d{15}|(\d{17}[a-zA-Z0-9])$/;if(reg.test(document.all.cardId.value)==false){alert('身份证号码无效!');return false;}reg=/^([2-9]\d)|100$/;if(reg.test(document.all.age.value)==false){alert('年龄不合法!');return false;}reg=/^(\d{3,4}-)?\d{7,8}$/;if(reg.test(document.all.phone.value)==false){alert('座机号码无效!');return false;}reg=/^1[358]\d{9}$/;if(reg.test(document.all.mobile.value)==false){alert('手机号码无效!');return false;}reg=/^\d+\.\d{1,2}$/;if(reg.test(document.all.salary.value)==false){alert('工资无效!');return false;}reg=/^\d{6}$/;if(reg.test(document.all.zip.value)==false){alert('邮政编号无效!');return false;}reg=/^.+$/;if(reg.test(document.all.address.value)==false){alert('家庭住址不能为空!');return false;}return true;} </script></head><body> <table width="665" align="center"> <caption align="center">使用正则表达式验证表单数据</caption> <form name="form1" onSubmit="return check();"> <tr> <td width="124">真实姓名:</td> <td width="368"><input name="chinaName" id="chinaName" dataType="Chinese"> *必须为中文</td> </tr> <tr> <td>英文名:</td><td><input name="englishName" id="englishName"> *必须由英文大小写字母组成</td> </tr> <tr> <td>密码:</td><td><input name="password1" type="password" id="password1"> *由大小写字母、数字、下划线构成的6位以上的 密码</td> </tr> <tr> <td>重复:</td><td><input name="password2" type="password" id="password2"> *第二次输入的密码和第一次输入的一致</td> </tr> <tr> <td>邮箱:</td><td><input name="email" id="email" > *必须按照email的规范</td> </tr> <tr> <td>QQ:</td><td><input name="qq" id="qq"> *由数字组成的5-9位数字</td> </tr> <tr> <td>身份证:</td><td><input name="cardId" id="cardId"> *有15位和18位两种</td> </tr> <tr> <td>年龄:</td><td><input name="age" id="age"> *为整型数字,并且是20-100之间</td> </tr> <tr> <td>电话:</td><td><input name="phone" id="phone"> *座机号码</td> </tr> <tr> <td>手机:</td><td><input name="mobile" id="mobile"> *手机号码</td> </tr> <tr> <td>月工资:</td><td><input name="salary" id="salary"> *为带小数点数</td> </tr> <tr> <td>邮政编码:</td><td><input name="zip" id="zip"> *由数字组成的6位数字</td> </tr> <tr> <td>家庭住址:</td><td><input name="address" id="address"> *不能为空</td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" value="提交验证" /><input type="reset" value="取 消" /> </td> </tr> </form> </table></body></html>