js語言

<script type="text/javascript">
    function tname(){
    var name=document.getElementById("userName").value;
    var nullname=document.getElementById("nullname");
    if(name==null||name==""){
    nullname.innerHTML="使用者名稱不能為空！";
    return false;
    }else  if(name.length<2||name.length>=20){
    nullname.innerHTML="使用者名稱長度為2--20個字元長度！";
    return false;
    }else{
    nullname.innerHTML="";
    return true;
    }   
  
    }
    
    function ppwd(){
    var pwd=document.getElementById("password").value;
    var nullpwd=document.getElementById("nullpwd");
    if(pwd==null||pwd==""){
    nullpwd.innerHTML="密碼不能為空！";
    return false;
    }else{
    nullpwd.innerHTML="";
    return true;
    }    
    }
    
   function ttpwd(){
     var pwd=document.getElementById("password").value;
       var tpwd=document.getElementById("tpwd").value;
       var nulltpwd=document.getElementById("nulltpwd");
       alert(pwd);
       alert(tpwd);
       if(tpwd==null||tpwd==""){
       nulltpwd.innerHTML="確認密碼不能為空！！！";
       return false;
       }else if(tpwd!=pwd){
       nulltpwd.innerHTML="兩次密碼輸入不一致";
       return false;
       }else{
       nulltpwd.innerHTML="";
       return true;
       }      
   } 
   
   function eemail(){
   var eamil=document.getElementById("email").value;
   var nullemail=document.getElementById("nullemail");
  // var reg=/^[a-zA-Z0-9_-]
 
[email protected](126|163|qq|sohu|sina+\.)+(com|cn|net|org)$/
  var reg=/^[a-zA-Z0-9_-][email protected](126.com|163.com|qq.com|sohu.com|sina.com|hotmail.com|gmail.com|yahoo.cn)$/;
   if(eamil==null||eamil==""){
   nullemail.innerHTML="Email地址不能為空";
   return false;
   }else if(!reg.test(eamil)){
   nullemail.innerHTML="請輸入正確的Email地址！！";
   return false;   
   }else{
   nullemail.innerHTML="";
   return true;
   }
   }
   
   function ttel(){
   var tel=document.getElementById("tel").value;
   var nulltel=document.getElementById("nulltel")
   var reg=/^[1]{1}[3,5,8]{2}[0-9]{8}$/
   if(tel==null||tel==""){
   nulltel.innerHTML="手機號不能為空！！！";
   return false;
   }else if(tel.length!=11||!reg.test(tel)){
   nulltel.innerHTML="請正確填寫手機號";
   return false;
   }else {
   nulltel.innerHTML="";
   return true;
   }
   }
    function reg(){
    if(tname()&&ppwd()&&ttpwd()&&eemail()&&ttel()){
    document.forms[0].submit();
    return true;
    }else{
    return false;
    }
    }
    </script>
 

以下是form表單



<center>
<fieldset style="width: 500px;">
<legend>註冊</legend>
<form action="regUser" method="post">
<table>
<tr>
<td>使用者名稱</td>
<td><input type="text" name="user.userName" class="w" id="userName" onblur="tname()"/></td>
<td><div id="nullname"></div></td>
</tr>

<tr>
<td>密碼</td>
<td><input type="password" name="user.password" class="w" id="password" onblur="ppwd()"/></td>
<td><div id="nullpwd"></div></td>
</tr>

<tr>
<td>確認密碼</td>
<td><input type="password" name="tpwd" class="w" id="tpwd" onblur="ttpwd()"/></td>
<td ><div id="nulltpwd"></div></td>
</tr>

<tr>
<td>性別</td>
<td>
<input type="radio" value="男" checked="checked" name="user.sex"/>男
<input type="radio" value="女" name="user.sex"/>女
</td>
<td></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="user.email" class="w" id="email" onblur="eemail()"/></td>
<td > <div id="nullemail"></div></td>
</tr>

<tr>
<td>手機</td>
<td><input type="text" name="user.tel" class="w" id="tel" onblur="ttel()"/></td>
<td><div id="nulltel"></div></td>
</tr>

<tr>
<td></td>
<td><input type="button" value="註冊" onclick="reg()"/><input type="reset" value="重填"/></td>
<td></td>
</tr>
</table>
</form>
</fieldset>
</center>