elementui form 正则表达式校验手机号

最新推荐文章于 2024-05-13 12:06:05 发布

青青子衿越

最新推荐文章于 2024-05-13 12:06:05 发布

阅读量747

点赞数

文章标签： elementui vue.js 前端

本文链接：https://blog.csdn.net/qq_46376192/article/details/132035952

版权

  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 {
      rules: {
        phone: [
          { required: true, trigger: 'blur',  message: "请输入正确手机号", validator: checkPhone } //写入验证器
        ],
      }
    };
  },