技術標籤：前端bug記錄正則表示式jsvue

校驗正則表示式

需求：不可以出現非法字串和空格
正則表示式：都是寫在/裡面的/
\s是空格的意思，但是在這裡需要一個轉義符\
在這個元件裡面識別不了，所以加了轉義符，大家可以試一下自己的元件中是否需要轉義符
中文字元是:\u4e00-\u9fa5
這就是大小寫字母和數字了：A-Za-z0-9
{0,}表示*星號 ^開始 $結束

/^[\\s\u4e00-\u9fa5A-Za-z0-9]{0,}$/

這是校驗input框的非法字串和空格的，包括大小寫字母

let addressReg = (rule, value, callback) => {
      let
 
 regExp = /^[\\s\u4e00-\u9fa5A-Za-z0-9]{0,}$/;
      setTimeout(()=>{
        if(value !== undefined && value !== ''){
          if (!regExp.test(value)) {
            callback(new Error('您輸入了非法字元，請重新輸入!'));
          } else {
            callback();
          }
        }else{
          callback(
 
)
        }

      },100)

    }

效果如下：

校驗聯絡電話

聯絡電話的正則表示式座機也包括手機號也包括的哦

 //校驗聯絡電話
    const constReg= (rule, value, callback) =>{
      const phoneExp = /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
      setTimeout(()=>{
        if(value !== undefined && value !==''){
          if ((!phoneExp.test(
 
value)) && value !== '') {
            callback(new Error('請輸入正確的格式！'));
          } else {
            callback();
          }
        }else{
          callback()
        }
      },100)
    }

效果如下：