正则表达式验证用户登录是否合法

来源:互联网 发布:mayo clinic知乎 编辑:程序博客网 时间:2024/06/02 04:55

<!DOCTYPEhtml>

<html>

    <head>

       <metacharset="UTF-8">

       <title></title>

    </head>

    <body>

       <formid="myform">

           用户名:<inputtype="test" onblur="checkname(this)"/>

           <spanid="userName"></span>

           <br><br>

           密码:<inputtype="test" onblur="checkpass(this)"><br>

           <spanid="pass"></span>

           <br>

           <br>

           邮箱:<inputtype="test"onblur="checkemail(this)"/><br>

           <spanid="email"></span>

           <br>

           <inputtype="submit"value="注册用户"onclick="mysubmit()"/>

       </form>

    </body>

</html>

<scripttype="text/javascript">

    function checkAll(str,index){

       varreg=[

       /^[\u4e00-\u9fa5]{2,5}$/,

       /^[A-Z]{1}[A-Z|a-z|0-9|_]{5,11}$/,

       /^\w{2,20}@\w{2,5}\.[A-Z|a-z]{2,3}(\.cn|\.tw)?$/

       ];

       returnreg[index].test(str);

    }

    function checkname(org){

       varstr=org.value;

       varf=checkAll(str,0);

       if(f){

           reg_name=true;

           userName.innerHTML="<font color='green'>用户名符合规则</font>";

       }else{

           userName.innerHTML="<font color='red'>用户名不符合规则</font>";

       }

    }

    functioncheckpass(org){

       varstr=org.value;

       varf=checkAll(str,1);

       if(f){

           reg_pass=true;

           pass.innerHTML="<font color='green'>密码符合规则</font>";

       }else{

           pass.innerHTML="<font color='red'>密码不符合规则</font>";

       }

    }

    functioncheckemail(org){

       varstr=org.value;

       varf=checkAll(str,2);

       if(f){

           email.innerHTML="<font color='green'>邮箱符合规则</font>";

       }else{

           email.innerHTML="<font color='red'>邮箱不符合规则</font>";

       }

    }

    varreg_name=false;

    varreg_pass=false;

    functionmysubmit(){

       if(reg_name&&reg_pass){

           alert("可以提交表单!");

       }

    }

   

</script>