7.1 去除空格

  1. <script>
  2. var arr =" hello ";
  3. var reg = /^\s+|\s+$/g;
  4. // 正则表达式
  5. console.log(arr.replace(reg,"$"));
  6. // trim方式
  7. console.log(arr.trim());
  8. </script>

7.2 过滤标签

    <!-- 过滤标签 -->
    <script>
        var arr = "<p>dhauwidgwueah </p><p> <div></div>";

        /*这里加号是表面[]里面包含多个字符。
        例如,<dabcd>,<idd>,<voop>等都会被查找到*/
        var reg = /<[^div]+>/g; 
        console.log(arr.replace(reg,""));
        console.log(arr.match(reg));
    </script>

    <!--  只获取数字 -->
    <script>
        var str = "https://www.baidu.com/subject/12323e/dnf212";
        // 第一种
        var a = /\d+/g;
        console.log(str.search(a));
        // 第二种
        var b = /[^\d]+/g;
        console.log(str.replace(b,""));
    </script>

7.3 邮箱验证

    <input type="text" id="input" placeholder="请输入你的邮箱">

    <script>
        var input = document.getElementById("input");
        input.onkeydown = function(){
            if(event.keyCode == 13&&this.value!=""){
                var value = this.value.trim();
                var reg = /^\w+@[\da-z]+\.com$/g;
                console.log(reg.test(this.value));
            }
        }
    </script>

7.4 银行密码

    <!-- 请输入六位数密码 -->
    <input type="password" id="input" placeholder="请输入你六位数密码">

    <script>
        var input = document.getElementById("input");
        input.onkeydown = function(){
            if(event.keyCode == 13&&this.value!=""){
                var value = this.value.trim();
                var reg = /^\d{6}$/g;               //规则在这
                console.log(reg.test(this.value));
            }
        }
    </script>

7.5 用户名验证

        <!-- 用户名,只能是字母,大小写不限,不能超过八个字符 -->
        <input type="password" id="input3" placeholder="用户名,只能是字母,大小写不限,不能超过八个字符">

        <script>
            var input3 = document.getElementById("input3");
            input3.onkeydown = function(){
                if(event.keyCode == 13&&this.value!=""){
                    var value = this.value.trim();
                    var reg = /^[a-zA-Z]{1,8}$/g;     //规则在这
                    console.log(reg.test(this.value));
                }
            }
        </script>

7.6 密码验证

      <!-- 密码,字母开头,后面是数字,且数字不低于五位数 -->
      <input type="password" id="input2" placeholder="字母开头,后面是数字,且数字不低于五位数">

      <script>
          var input2 = document.getElementById("input2");
          input2.onkeydown = function(){
              if(event.keyCode == 13&&this.value!=""){
                  var value = this.value.trim();
                  var reg = /^[a-zA-Z]+\d{5,}$/g;     //规则在这
                  console.log(reg.test(this.value));
              }
          }
      </script>