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'}
      ],