直播軟體搭建，姓名，身份證input驗證過濾

直播軟體搭建，姓名，身份證input驗證過濾

姓名驗證：需求，可輸入英文、漢字

for(let i=0;i<e.length;i++){
  if(/^[a-zA-Z\u4e00-\u9fa5]+$/.test(e[i])){
      this.ruleForm.name= e;
   }else{
      if(i == 0){
         this.ruleForm.name = ''
      }else {
         this.ruleForm.name = e.substr(0,i)
      }
      return
   }
}

這個方法就利用@input來獲取到$event，然後遍歷每個字元是否符合規範，然後把符合規範的擷取下來賦值給我們的value。

身份證驗證：需求，陣列、字母

for(let i=0;i<e.length;i++){
   if(/^[0-9a-zA-Z]+$/.test(e[i])){
      this.ruleForm.idNumber= e;
   }else{
      if(i == 0){
          this.ruleForm.idNumber = ''
      }else {
          this.ruleForm.idNumber = e.substr(0,i)
      }
      return
   }
}

方法同理上面的姓名驗證。

這裡加一個身份證匹配的正則方法

if(!this.ruleForm.idNumber || !/^\d{6}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/i.test(this.ruleForm.idNumber)){
    alert('身份證錯誤,請重新輸入！');
    return false;
}

以上就是直播軟體搭建，姓名，身份證input驗證過濾， 更多內容歡迎關注之後的文章