您的位置：首页 > 其它

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

2017-10-31 13:39 363 查看

<!DOCTYPE
html>
<html>
    <head>
       <meta
charset="UTF-8">
       <title></title>
    </head>
    <body>
       <form
id="myform">

           用户名：<input
type="test"
onblur="checkname(this)"/>
           <span
id="userName"></span>
           <br><br>
           密码：<input
type="test"
onblur="checkpass(this)"><br>
           <span
id="pass"></span>
           <br>
           <br>
           邮箱：<input
type="test"onblur="checkemail(this)"/><br>
           <span
id="email"></span>
           <br>
           <input
type="submit"
value="注册用户"
onclick="mysubmit()"/>
       </form>
    </body>
</html>
<script
type="text/javascript">
    function checkAll(str,index){
       var
reg=[
       /^[\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)?$/
       ];
       return
reg[index].test(str);
    }
    function checkname(org){
       var
str=org.value;
       var
f=checkAll(str,0);
       if(f){
           reg_name=true;
           userName.innerHTML="<font color='green'>用户名符合规则</font>";
       }else{
           userName.innerHTML="<font color='red'>用户名不符合规则</font>";
       }
    }
    function
checkpass(org){
       var
str=org.value;
       var
f=checkAll(str,1);
       if(f){
           reg_pass=true;
           pass.innerHTML="<font color='green'>密码符合规则</font>";
       }else{
           pass.innerHTML="<font color='red'>密码不符合规则</font>";
       }
    }
    function
checkemail(org){
       var
str=org.value;
       var
f=checkAll(str,2);
       if(f){
           email.innerHTML="<font color='green'>邮箱符合规则</font>";
       }else{
           email.innerHTML="<font color='red'>邮箱不符合规则</font>";
       }
    }
    var
reg_name=false;
    var
reg_pass=false;
    function
mysubmit(){
       if(reg_name&®_pass){
           alert("可以提交表单！");
       }
    }

</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航