jquery正则表达式验证【是否带有小数、是否中文名称组成、是否全由8位数字组成、电话码格式、邮件地址】

 1 <form name="myform" action="" onsubmit="return fun1()"> 2 <div align="center"> 3 <table border="1" width="60%" > 4 ????<tr> 5 ????????<td colspan=2 align=center><h3>学生信息管理</h3></td> 6 ????</tr> 7 ????<tr> 8 ????????<td height="39" width="463" bgcolor="#006699"> 9 ????????<font color="#FFFF00">学生编号：</font><input type="text" maxlength=10 id="sno" value="12345678">(8位数字)10 ????????</td>11 12 ????????<td height="39" width="463" bgcolor="#006699">13 ????????<font color="#FFFF00">学生名字：</font><input type="text" maxlength=10 id="username" value="刘训">(中文)14 ????????</td>15 ????</tr>16 ????<tr>17 ????????<td height="39" width="463" bgcolor="#006699">18 ????????<font color="#FFFF00">邮箱地址：</font><input type="text" maxlength=10 id="email" value="1056125478@qq.com">19 ????????</td>20 ????????21 ???????<td height="39" width="463" bgcolor="#006699">22 ????????<font color="#FFFF00">电话号码：</font><input type="text" maxlength=11 id="tel" value="15574074751">23 ????????</td>24 ????</tr>25 ????<tr>26 ????????<td ?height="53" width="985" bgcolor="#006699" colspan="2" align=center>27 ????????<input type="submit" value="使用submit按钮提交表单">28 ????????</td>29 ????</tr>30 </table>

 1 /*是否带有小数*/ 2 function ???isDecimal(strValue ) ?{ ??3 ???var ?objRegExp= /^\d+\.\d+$/; 4 ???return ?objRegExp.test(strValue); ??5 } ??6 ?7 /*校验是否中文名称组成 */ 8 function ischina(str) { 9 ????var reg=/^[\u4E00-\u9FA5]{2,4}$/; ??/*定义验证表达式*/10 ????return reg.test(str); ????/*进行验证*/11 }12 13 /*校验是否全由8位数字组成 */14 function isStudentNo(str) {15 ????var reg=/^[0-9]{8}$/; ??/*定义验证表达式*/16 ????return reg.test(str); ????/*进行验证*/17 }18 19 /*校验电话码格式 */20 function isTelCode(str) {21 ????var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;22 ????return reg.test(str);23 }24 25 /*校验邮件地址是否合法 */26 function IsEmail(str) {27 ????var reg=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;28 ????return reg.test(str);29 }30 31 32 function ?fun1(){33 ????if(!isStudentNo(document.getElementById("sno").value)){34 ????????alert("学生编号是8位数字");35 ????????document.getElementById("sno").focus();36 ????????return false;37 ????}38 39 ????if(!ischina(document.getElementById("username").value)){40 ????????alert("学生姓名必须填写中文");41 ????????document.getElementById("username").focus();42 ????????return false; ?43 ????}44 45 ????if(!IsEmail(document.getElementById("email").value)){46 ????????alert("邮箱地址错误");47 ????????document.getElementById("email").focus();48 ????????return false; ?49 ????}50 51 ????if(!isTelCode(document.getElementById("tel").value)){52 ????????alert("电话号码不对");53 ????????document.getElementById("tel").focus();54 ????????return false; ?55 ????}56 57 ????/*运行到这里说明验证通过返回true ???submit提交按钮起作用提交表单*/58 ????alert("提交成功")59 ????return false; ??// 这边设置禁止提交，实际项目需要改为 true60 }