js 正则表达式表单

js 正则表达式表单

1.表格样式

<form name="myform" action="" onsubmit="return fun1()">
<div align="center">
<table border="1" width="60%" >
    <tr>
        <td colspan=2 align=center><h3>学生信息管理</h3></td>
    </tr>
 <tr>
 <td height="39" width="463" >
        <font >学生编号：</font><input type="text" maxlength=10 id="sno" value="">
        </td>
        <td height="39" width="463">
        <font >学生名字：</font><input type="text" maxlength=10 id="username" value="">
        </td>
        </tr>
    <tr>
  <td height="39" width="463" >
  <font >邮箱地址：</font><input type="text" maxlength=10 id="email" value="">
        </td>
         <td height="39" width="463" >
        <font >电话号码：</font><input type="text" maxlength=11 id="tel" value="">
        </td>
         </tr>
    <tr>
        <td  height="53" width="985"  colspan="2" align=center>
        <input type="submit" value="登录验证">
        </td>
    </tr>
</table>

2.代码

/*是否带有小数*/
function    isDecimal(strValue )  {  
   var  objRegExp= /^\d+\.\d+$/;
   return  objRegExp.test(strValue);  
}  
/*校验是否中文名称组成 */
function ischina(str) {
 var reg=/^[\u4E00-\u9FA5]{2,4}$/;   /*定义验证表达式*/
 return reg.test(str);     /*进行验证*/
}
/*校验是否全由8位数字组成 */
function isStudentNo(str) {
 var reg=/^[0-9]{8}$/;   /*定义验证表达式*/
 return reg.test(str);     /*进行验证*/
}
/*校验电话码格式 */
function isTelCode(str) {
 var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
 return reg.test(str);
}
/*校验邮件地址是否合法 */
function IsEmail(str) {
 var reg=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;
 return reg.test(str);
}
function  fun1(){
 if(!isStudentNo(document.getElementById("sno").value)){
  alert("学生编号是8位数字");
  document.getElementById("sno").focus();
  return false;
 }
 if(!ischina(document.getElementById("username").value)){
  alert("学生姓名必须填写中文");
  document.getElementById("username").focus();
  return false;  
 }
 if(!IsEmail(document.getElementById("email").value)){
  alert("邮箱地址错误");
  document.getElementById("email").focus();
  return false;  
 }
 if(!isTelCode(document.getElementById("tel").value)){
  alert("电话号码不对");
  document.getElementById("tel").focus();
  return false;  
 }
 /*运行到这里说明验证通过返回true    submit提交按钮起作用提交表单*/
 alert("提交成功")
 return false;   // 这边设置禁止提交，实际项目需要改为 true
}