iview form表單驗證手機號

1.直接驗證，rules添加

phone: [
             { required: true, message: "請輸入手機號碼", trigger: "blur" },
             { pattern: /^1[3456789]\d{9}$/, message: "手機號碼格式不正確", trigger: "blur" }
       ],

2.自定義驗證 在data下自定義一個驗證函數（在return外面）    

const validatePhone = (rule, value, callback) => {
              if (!value) {
                  return callback(new Error('手機號不能為空'));
              } else if (!/^1[3456789]\d{9}$/.test(value)) {
                  callback('手機號格式不正確');
              } else {
                  callback();
              }   
          };  

然后在rules里引用

phone: [
       { required: true,validator:validatePhone,trigger:'blur'}
      ],