前端常用验证（不定期更新）

替换所有div中的style

str = ‘<div style=”width: 600px;”><div style=”width: 600px;”>ssssssss</div></div>’;
strr = str.replace(/<div(([\s\S])*?)>/ig, “<div>”);
console.log(strr)

替换所有style

str = ‘<div style=”width: 600px;”><div style=”width: 600px;”>ssssssss</div></div>’;
strr = str.replace(/style=\”[^\”]*\”/ig, “”);
console.log(strr)

检查税号

//税号位数：8 9 12 15 16 17 18 20

/^[A-Z0-9]{8}$|^[A-Z0-9]{9}$|^[A-Z0-9]{12}$|^[A-Z0-9]{15}$|^[A-Z0-9]{16}$|^[A-Z0-9]{17}$|^[A-Z0-9]{18}$|^[A-Z0-9]{20}$/

检查邮箱

/^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/

检查手机号

/^1[3456789]\d{9}$/

检查输入的是否全是汉字

// 验证是否是汉字
function isChinese(str){
    let no = 0;
    for(leti = 0;i < str.length; i++){
        if(str.charCodeAt(i) > 255){
            console.log(‘yes’)
        }else{
            console.log(‘no’)
            no++;
        }
    }
    return no;
}
//或：
/^[\u4E00-\u9FA5]+$/

检查身份证号是否合法

//二代身份证号码：
//1-6位：表示行政区划的代码。
//1、2位，所在省（直辖市，自治区）代码；
//3、4位，所在地级市（自治州）代码；
//5、6位，所在区（县，自治县，县级市）的代码；
//7-14位：表示出生年、月、日
//15-16位：所在地派出所代码
//17位：性别。奇数（1、3、5、7、9）男性，偶数（2、4、6、8、0）女性
//18位：校验位，存在十一个值：0,1,2,3,4,5,6,7,8,9,X，其值是用固定公式根据前面十七位计算出来的。


// 函数参数必须是字符串，因为二代身份证号码是十八位，而在javascript中，十八位的数值会超出计算范围，造成不精确的结果，导致最后两位和计算的值不一致，从而该函数出现错误。
// 详情查看javascript的数值范围
function checkIDCard(idcode){
    // 加权因子
    var weight_factor = [7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2];
    // 校验码
    var check_code = ['1', '0', 'X' , '9', '8', '7', '6', '5', '4', '3', '2'];

    var code = idcode + "";
    var last = idcode[17];//最后一位

    var seventeen = code.substring(0,17);

    // ISO 7064:1983.MOD 11-2
    // 判断最后一位校验码是否正确
    var arr = seventeen.split("");
    var len = arr.length;
    var num = 0;
    for(var i = 0; i < len; i++){
        num = num + arr[i] * weight_factor[i];
    }
    
    // 获取余数
    var resisue = num%11;
    var last_no = check_code[resisue];

    // 格式的正则
    // 正则思路
    /*
    第一位不可能是0
    第二位到第六位可以是0-9
    第七位到第十位是年份，所以七八位为19或者20
    十一位和十二位是月份，这两位是01-12之间的数值
    十三位和十四位是日期，是从01-31之间的数值
    十五，十六，十七都是数字0-9
    十八位可能是数字0-9，也可能是X
    */
    var idcard_patter = /^[1-9][0-9]{5}([1][9][0-9]{2}|[2][0][0|1][0-9])([0][1-9]|[1][0|1|2])([0][1-9]|[1|2][0-9]|[3][0|1])[0-9]{3}([0-9]|[X])$/;

    // 判断格式是否正确
    var format = idcard_patter.test(idcode);

    // 返回验证结果，校验码和格式同时正确才算是合法的身份证号码
    return last === last_no && format ? true : false;
}

获取 xpath

function readXPath(element) {
  if (element.id!==""){//判断id属性，如果这个元素有id，则显 示//*[@id="xPath"]  形式内容
      return '//*[@id=\"'+element.id+'\"]';
  }

  /* if (element.getAttribute("class")!==null){ //判断class属性，如果这个元素有class，则显 示//*[@class="xPath"]  形式内容
      return '//*[@class=\"'+element.getAttribute("class")+'\"]';
  } */
  //因为Xpath属性不止id和class，所以还可以更具class形式添加属性

  //这里需要需要主要字符串转译问题，可参考js 动态生成html时字符串和变量转译（注意引号的作用）

  if (element==document.body){//递归到body处，结束递归
      return '/html/'+element.tagName;
  }

  let ix= 1,//在nodelist中的位置，且每次点击初始化
        siblings= element.parentNode.childNodes;//同级的子元素

  for (let i= 0,l=siblings.length; i<l; i++) {
      let sibling= siblings[i];
      if (sibling==element){//如果这个元素是siblings数组中的元素，则执行递归操作
          
          return arguments.callee(element.parentNode) + '/' + element.tagName.toLowerCase() + '[' + (ix) + ']';
          //如果不符合，判断是否是element元素，并且是否是相同元素，如果是相同的就开始累加
      }else if(sibling.nodeType==1 && sibling.tagName==element.tagName){//如果不符合，判断是否是element元素，并且是否是相同元素，如果是相同的就开始累加
          ix++;
      }
  }
};

通过 xpath 获取元素

function readXPath(element) {
  if (element.id!==""){//判断id属性，如果这个元素有id，则显 示//*[@id="xPath"]  形式内容
      return '//*[@id=\"'+element.id+'\"]';
  }

  /* if (element.getAttribute("class")!==null){ //判断class属性，如果这个元素有class，则显 示//*[@class="xPath"]  形式内容
      return '//*[@class=\"'+element.getAttribute("class")+'\"]';
  } */
  //因为Xpath属性不止id和class，所以还可以更具class形式添加属性

  //这里需要需要主要字符串转译问题，可参考js 动态生成html时字符串和变量转译（注意引号的作用）

  if (element==document.body){//递归到body处，结束递归
      return '/html/'+element.tagName;
  }

  let ix= 1,//在nodelist中的位置，且每次点击初始化
        siblings= element.parentNode.childNodes;//同级的子元素

  for (let i= 0,l=siblings.length; i<l; i++) {
      let sibling= siblings[i];
      if (sibling==element){//如果这个元素是siblings数组中的元素，则执行递归操作
          
          return arguments.callee(element.parentNode) + '/' + element.tagName.toLowerCase() + '[' + (ix) + ']';
          //如果不符合，判断是否是element元素，并且是否是相同元素，如果是相同的就开始累加
      }else if(sibling.nodeType==1 && sibling.tagName==element.tagName){//如果不符合，判断是否是element元素，并且是否是相同元素，如果是相同的就开始累加
          ix++;
      }
  }
};

head 中插入 style

function addStyle() {
  const cssText = `.${currentClassName} {
    transition: all 0.5s;
    box-shadow: inset 0 0 10px 3px rgb(255 0 0) !important;
    /* position: relative; */
  };`
  const style = document.createElement("style"), // 创建一个style元素
    head =
      document.head ||
      document.getElementsByTagName("head")[0]; //获取head元素
  style.type = "text/css"; //这里必须显示设置style元素的type属性为text/css，否则在ie中不起作用
  if (style.styleSheet) {
    //IE
    let func = function () {
      try {
        //防止IE中stylesheet数量超过限制而发生错误
        style.styleSheet.cssText = cssText;
      } catch (e) {}
    };
    //如果当前styleSheet还不能用，则放到异步中则行
    if (style.styleSheet.disabled) {
      setTimeout(func, 10);
    } else {
      func();
    }
  } else {
    //w3c
    //w3c浏览器中只要创建文本节点插入到style元素中就行了
    let textNode = document.createTextNode(cssText);
    style.appendChild(textNode);
  }
  head.appendChild(style); //把创建的style元素插入到head中
}

指定元素中插入 html

function addHtml(_target){
  var div=document.createElement('div');
  div.innerText = 'helloWorld';
  
  _target.appendChild(div)
}