IE：InvalidCharacterError解決方案&&完成兼容IE的手機號校驗

 

前面寫過一版Vue Elements手機號校驗（https://www.cnblogs.com/wwyxjjz/p/15137394.html）

除IE外的其他瀏覽器都沒有問題，IE不兼容怎么辦呢？當然是有辦法解決的啦~~

 

首先你要知道"InvalidCharacterError（無效字符錯誤）"  然后在你自己vue項目中找到html部分代碼，看標簽屬性中有沒有特殊字符等

 

IE控制台報錯如下：

 

我的代碼中就是這一行在IE中引起的報錯

 

 

 

刪除這一行問題就解決了IE報錯問題，但是手機號校驗功能怎么實現呢？接着往下看吧

 

 

下面圈起來的代碼就可以完成手機號校驗了

 

export default {
    data() {
      var checkPhone = (rule, value, callback) => {
        if (!value) {
          return callback(new Error('手機號不能為空'));
        } else {
          const reg = /^1[3|4|5|7|8][0-9]\d{8}$/
          console.log(reg.test(value));
          if (reg.test(value)) {
            callback();
          } else {
            return callback(new Error('請輸入正確的手機號'));
          }
        }
      };
      return {
        ruleForm: {
          phone: ''
        },
        rules: {
          phone: [
            {required: true,validator: checkPhone, trigger: 'blur'}

 ] } }; } }

 

 

效果如圖：

 

 

 

 

作者：微微一笑絕絕子
出處：https://www.cnblogs.com/wwyxjjz/p/15293984.html
本博客文章均為作者原創，轉載請注明作者和原文鏈接。