vue2.0+element-ui手机验证

最新推荐文章于 2025-04-01 16:34:59 发布

原创最新推荐文章于 2025-04-01 16:34:59 发布 · 638 阅读

1 ·

CC 4.0 BY-SA版权

Vue 专栏收录该内容

57 篇文章

订阅专栏

本文介绍了一个用于验证手机号的Vue表单规则实现方法，通过正则表达式检查输入是否符合中国手机号的标准格式。

data () {
    let validMobile = (rule, value, callback) => {
      if (value === '') {
        callback(new Error('手机号不能为空！'));
      } else {
        if (value !== '') {
          let reg = /^1[3456789]\d{9}$/;
          if (!reg.test(value)) {
            callback(new Error('请输入正确的手机号！'));
          }
        }
        callback();
      }
    };
    return {
      ruleForm: {
        mobile: '',
      },
      rules: {
        mobile: [
          { validator: validMobile, trigger: "blur" }
        ],
      },
    };
  },