您现在的位置:首页 >> 前端 >> 内容

12306页面设计

时间:2016/12/28 10:48:03 点击:

  核心提示:htmlheadscriptfunction f_validate() {var username = document.getElementById(uname).value;var passwd ...
<html>  
<head>  
<script>  
function f_validate() {
    var username = document.getElementById("uname").value;
    var passwd = document.getElementById("passwd").value;
    var yzm = document.getElementById("yzm").value;
    // var username=document.getElementsByName("uname")[0].value;  
    // var passwd=document.getElementsByName("passwd")[0].value;  
    var error = "";
    if (username == "" || username == null || username == "请输入") {
        // alert("用户名不能为空!");  
        error = error + "用户名不能为空!";
        error = error + "\n";
        //return false;  
    } else if (username.length < 6) {
        //alert("您的用户名长度小于6!");  
        error = error + "您的用户名长度小于6!";
        error = error + "\n";
        //return false  
    } else if (username.length > 12) {
        //alert("您的用户名长度大于12!");  
        error = error + "您的用户名长度大于12!";
        error = error + "\n";
        // return false  
    }
    if (passwd == "" || passwd == null) {
        // alert("密码不能为空!");  
        error = error + "密码不能为空!";
        error = error + "\n";
        //return false;  
    } else if (passwd.length < 6) {
        // alert("您的密码长度小于6!");  
        error = error + "您的密码长度小于6!";
        error = error + "\n";
        //return false  
    } else if (passwd.length > 12) {
        // alert("您的密码长度大于12!");  
        error = error + "您的密码长度大于12!";

        // return false  
    }
    if (yzm == "" || yzm == null) {
        // alert("密码不能为空!");  
        error = error + "验证码不能为空!";
        error = error + "\n";
        //return false;  
    }
    if (error == "") {
        //window.location.href="h.html";  
        return true;
    } else {
        alert(error);
        return false;
    }

}
function setInfo() {
    var username = document.getElementById("uname");
    if (username.value == "" || username.value == null) username.value = "请输入";
}
function clearInfo() {
    var username = document.getElementById("uname").value = "";
}
</script>  
</head>  
<body onload="setInfo()">  
  <form action="https://localhost:8080/test/main/whole.html" method="post" onsubmit="return f_validate()"> 
   <center> 
    <table background="images\bg_img1.jpg" width="945" height="433"> 
     <tbody>
      <tr height="25"> 
       <td width="570px"> </td> 
       <td> </td> 
      </tr> 
      <tr> 
       <td> </td> 
       <td>
        <table cellpadding="5"> 
         <tbody>
          <tr>
           <td>用户名:</td>
           <td colspan="3"><input type="text" name="username" id="uname" value="" onfocus="clearInfo()" onblur="setInfo()" /></td> 
          </tr> 
          <tr>
           <td>密 码:</td>
           <td colspan="3"><input type="password" id="passwd" /> </td>
          </tr> 
          <tr>
           <td>验证码:</td>
           <td><input type="text" id="yzm" /></td>
           <td><img src=".\images\bg_img2.gif" alt="打不开图片" /></td>
           <td><a href="#" onclick="shuaxin()">刷新</a> </td>
          </tr> 
          <tr>
           <td><input type="checkbox" name="ck" value="1" /></td>
           <td colspan="2">自动登录</td> 
          </tr> 
          <tr></tr>
         </tbody>
        </table>
        <table cellspacing="30"> 
         <tbody>
          <tr>
           <td><input type="submit" name="login" value="登录" onclick="f_validate()" /></td> 
           <td><input type="reset" name="rs" value="重置" /></td> 
           <td><input type="button" name="zc" value="注册" onclick="location.href='https://localhost:8080/test/lg.html'" /></td> 
          </tr>
         </tbody>
        </table></td>
      </tr> 
     </tbody>
    </table>   
   </center>  
  </form>
</body>  
</html>

Tags:12 23 30 06 
作者:网络 来源:xiong_xiao