好多 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
     
    </style>
    <script type="text/javascript">
    //当用户名获取焦点时  需要在id=user_res这个span标签中写入请输入用户名
        function focusname () {
            document.getElementById("userres").innerHTML="请输入用户名"
        }
     
    //当用户名失去焦点时  
        //先要获取到input标签的value属性值  
        //然后要判断它的长度是否为0 如果是为0 表示用户没有输入用户名 
        //我们要求用户名的长度在5~18位之间  
        //用户名中含有特殊的符号  
        //用户名合法
        function blurusername () {
            //获取到input标签的value属性值
            var uservalue=document.getElementsByTagName("username")[0].value;
            if (uservalue.length===0) {
                  document.getElementById("userres").innerHTML="您没有输入用户名"
                  return false 
            }else if (uservalue.length<5||uservalue.length>18) {
                  document.getElementById("userres").innerHTML="用户名的长度必须在5-18位之间"
                  return false 
            }else if (!checkUser(uservalue)) {
                 document.getElementById("userres").innerHTML="用户名中含有特殊的符号"
                
                return false 
            }else{
                document.getElementById("userres").innerHTML="用户名合法"
                return true
            }
        }


           function focuspassword () {
            document.getElementById("passres").innerHTML="请输入密码"
        }

           function blurpassword () {
                     var  passvalue=document.getElementsByName("password")[0].value;
                     if (passvalue.length===0) {
                           document.getElementById("passres").innerHTML="您没有输入密码"
                          return false 
                     }else if (passvalue.length<5||passvalue.length>16) {
                            document.getElementById("passres")innerHTML="你输入的密码必须在5-16位之间"
                            return false 
                     }else {
                             document.getElementById("passres")innerHTML="密码合法"
                             return true 
                     }
               
           }

           function checkUser (user) {
                     var arr["<",">","#","?","%"];
                     var arrlength=arr.length;
                     var userlength=user.length;
                     for(var i=0;i<arrlength;i++){
                         for(var j=0;j<userlength;j++){
                             if (arr[i]===charAt(j)) {
                                 return false;
                             }
                         }
                     }
                     return ture;
           }


            function checkform () {
                var userflag=blurusername();
                var passflag=blurpassword();
                if (userflag&&passflag) {
                    alert("表单验证通过");
                    return  true;
                }else{
                    alert("表单验证不通过");
                    return  false;
                }
            }
    </script>
</head>
<body>
    <form name='form1' onsubmit='return checkform()' action='index.php'>
        <table width="600" align="center">
            <tr>
                <td align="right" width="150">用户名:</td>
                <td width="100"><input type="text" name="username" onfocus="focusname()" onblur="blurusername()"></td>
                <td><span id="userres"></span></td>
            </tr>
            <tr>
                <td align="right" width="100">密码:</td>
                <td width="100"><input type="password" name="password" onfocus="focuspassword()" onblur="blurpassword()"></td>
                <td><span id="passres"></span></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="提交"></td>
            </tr>

        </table>

    </form>
</body>
</html>

 

posted @ 2016-12-14 00:30  谁把我名字给抢了  阅读(148)  评论(1)    收藏  举报