Vue 自定义验证规则

最新推荐文章于 2024-02-07 23:48:27 发布

西橙先生

最新推荐文章于 2024-02-07 23:48:27 发布

阅读量1.5k

点赞数 1

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_41933725/article/details/132851971

版权

vue 专栏收录该内容

1 篇文章

订阅专栏

created() {
     this.initializeIdentityNoRules();
},

    initializeIdentityNoRules() {
      this.identityNoRules = [
        { required: true, message: '请输入证件号码', trigger: 'blur' }, // 当输入框失去焦点时触发校验
        { validator: this.validateIdentityNo, trigger: 'blur' }, // 身份证规则校验
      ];
    },
    isValidIdentityNo(value) {
      // 统一社会信用代码
      const regExp = /^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/;
      return regExp.test(value);
    },
    validateIdentityNo(rule, value, callback) {
      if (this.form.identityType === '1' && !this.isValidIdentityNo(value)) {
        callback(new Error('请输入有效的居民身份证号码'));
      } else {
        callback();
      }
    },