校验字符串中包含连续4位及以上相同或串联的数字和字母，如包含abcd、DCBA、1234、aaaa、2222等

小草莓蹦蹦跳

已于 2023-06-05 16:40:38 修改

阅读量983

点赞数 1

分类专栏：正则系列 JavaScript 文章标签： html javascript css

于 2021-09-09 17:02:57 首次发布

本文链接：https://blog.csdn.net/qq_38290251/article/details/120205109

版权

JavaScript 同时被 2 个专栏收录

150 篇文章 2 订阅

订阅专栏

正则系列

20 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <input type="text" id="inputVal" value="12123%Va" />
    <button type="submit" onclick="postForm()">确定</button>
    <p id="resultVal"></p>

    <script>
      const inputVal = document.getElementById("inputVal");
      const resultVal = document.getElementById("resultVal");
      function postForm() {
        resultVal.innerText =
          (inputVal.value && checkFn(inputVal.value)) || false;
      }

      function checkFn(value) {
        const regx = /^(?=.*([0-9a-zA-Z])\1{3}).[A-Za-z0-9]+$/;
        if (regx.test(value)) {
          // 相同校验
          return true;
        } else {
          // 串联校验
          let valueArr = value.split("");
          let chartCode = []; // 存放ASCII码
          let isAlive = false;
          let count = 0;
          let lastDeffer = 0;
          for (let i in valueArr) {
            chartCode.push(value.charCodeAt(i));

            if (chartCode.length === valueArr.length) {
              for (let i = 1; i < chartCode.length; i++) {
                let deffer = Number(chartCode[i]) - Number(chartCode[i - 1]);
                if ((deffer === 1 || deffer === -1) && deffer === lastDeffer) {
                  count++;
                  if (count >= 2) {
                    isAlive = true;
                    break;
                  }
                } else {
                  count = 0;
                }
                lastDeffer = deffer;
              }
            }
          }
          return isAlive;
        }
      }
    </script>
  </body>
</html>