<%@ page  pageEncoding="gb2312" contentType="text/html; charset=gb2312"%>
<html>
   <head>
     <!-- js-23 表单验证-2 -->
 <style>
   span{color:red;font-size:10}
 </style>
 <script>
    var rules = [ "name.length<2 || "+
          "name.length>8 ",
          
  "pwd1.length<6 ",
  
  "pwd2.length<6 || "+
      "pwd1 != pwd2",
           
  "name.length<2 || "+
          "name.length>8 || "+
      "pwd_1.length<6 || "+
      "pwd_2.length<6 || "+
      "pwd_1 != pwd_2"];
      
function checkEmail(strEmail) { 
//var emailReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/; 
var emailReg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/; 
if( emailReg.test(strEmail) ){ 
return true; 
}else{ 
alert("您输入的Email地址格式不正确!"); 
return false; 

}


    function check_username(){
   var rule = rules[0];
   var name = form1.username.value;
           var n = document.getElementById("nerror");
   if(eval(rule)){
     n.innerHTML="用户名长度2-8个字符!";
   }else{
     n.innerHTML="";
   }
}
function check_pwd1(){
   var rule = rules[1] ;
   var pwd1 = form1.pwd1.value;
   var p = document.getElementById("p1error");
   if(eval(rule)){
     p.innerHTML="密码长度必须长于6个字符!";
   }else{
     p.innerHTML="";
   }
}
function check_pwd2(){
   var rule = rules[2];
   var pwd1 = form1.password.value;
   var pwd2 = form1.password2.value;
   var p = document.getElementById("p2error");
   if(eval(rule)){
     p.innerHTML="长度须长于6个字符/两次输须相同!";
   }else{
     p.innerHTML="";
   }
}
    function check(){
  var rule = rules[3];
  var r = true;
          with(form1){
    var name = username.value;
    var pwd_1 = pwd1.value;
    var pwd_2 = pwd2.value;
    if(eval(rule)){
       r = false;
    }
  }
  return r;
}
 </script>
   </head>
   <body>
      <table height="10%"><tr><td></td></tr></table>
      <table align="center"> 
       <form action="" onSubmit="return check();"
         name="form1">
     <tr align="center" bgcolor="#FFFFCC">
   <td colspan="2">注册表</td>
 </tr>
     <tr>
   <td>登陆用户:</td>
   <td>
     <input type="text" name="username"
        onBlur="check_username()"/>
 <span id="nerror"></span>
   </td>
 </tr>
 <tr>
   <td>登陆密码:</td>
   <td>
     <input type="password" name="password"
        onBlur="check_pwd1()"/>
 <span id="p1error"></span>
   </td>
 </tr>
 <tr>
   <td>再次输入密码:</td>
   <td>
     <input type="password" name="password2"
        onBlur="check_pwd2()"/>
 <span id="p2error"></span>
   </td>
 </tr>
 <tr>
   <td>邮箱:</td>
   <td>
 <input type="text" name="email" onChange="checkEmail(this.value);"> 
   </td>
 </tr>      <tr align="center" bgcolor="#FFFFCC">
   <td colspan="2">
     <input type="submit"  value="提交" />
   </td>
 </tr>
   </form>
  </table>
   <body>
</html>