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

Ctrlcv用户

已于 2023-06-15 01:20:43 修改

阅读量8.2k

点赞数 9

分类专栏：前端文章标签：开发语言 javascript

于 2021-05-19 15:24:41 首次发布

本文链接：https://blog.csdn.net/weixin_45631954/article/details/117030466

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

代码

<!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>

Ctrlcv用户

关注

9
点赞
踩
61

收藏

觉得还不错? 一键收藏
打赏
0
评论
验证登录账号和密码的输入正确性（JavaScript实现）

代码<!DOCTYPE html><html lang="en"><head> <title>Document</title></head><body> <form> 账号 <input type="text" name="username"id="username" style="height: 28px;"><br> 密码
复制链接

扫一扫