验证登录账号和密码的输入正确性(JavaScript实现)

  • Post author:
  • Post category:java



代码

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
</head>
<body>
       <form>
        账号 <input type="text" name="username"id="username" style="height: 28px;"><br>
        密码 <input type="password" name="password"id="password"style="height: 28px;"><br>
         <input class="submit"type="submit" value="提交" style="font-size: 20px;">
       </form>
       <script>
        function confirmName()
        {
        var name=document.getElementById("username");  //在前端form表单text输入框中id名username
        name.onblur=function()
        {
        if((name.value).length!=0){
          reg=/^[0-9]{6,16}$/g;    //账号只能是6-16位的数字
          if(!reg.test(name.value)){
            alert("对不起,输入的用户名限6-16个数字 ");
          } 
        }
        else{
            alert("输入账号不能为空");
        }
    
      };
    }
    function confirmPassword()
    {
      var password=document.getElementById("password");
      password.onblur=function()
      {
        if((password.value).length!=0){  //密码限制位6-20位的数字和英文 不能有特殊字符
          reg=/^(\w){6,20}$/;
          if(!reg.test(password.value)){ 
            alert("对不起,您输入的密码格式不正确!");
          }
        }
      };
    }
    window.onload=function()
    {
      confirmName();
      confirmPassword();
    };
</script>
</body>
</html>



版权声明:本文为weixin_45631954原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。