简单的用户名和密码正则验证

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        p{
            color: red;
        }
    </style>
</head>
<body>

    用户名：<input type="text" id="inp">
    <br>
    <p></p>
    密码:<input type="password" id="inp2">
    <br>
    <button onclick="show()">提交</button>
     <script>
         var input = document.getElementById('inp');
         var inpu2 = document.getElementById('inp2');
      //获取p
       var p =document.getElementsByTagName('p')[0];
       //
        function show(){
              var str = input.value;



              // var reg = /\w{6,12}/;

              var reg =/^[A-z]\w{5,11}$/;//精确匹配


             var index = str.match(reg);

              console.log(index);

             if(index == null){
                p.innerHTML = '用户名格式不正确，请输入数字，字母，下划线';
             }

             var s = inpu2.value;
             var r =  /\d{8,12}/;
             if(s.match(r) == null){
                  alert('格式不对');
             }
        }
     </script>
</body>
</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容