当前位置:   article > 正文

Vue 自定义验证规则_rules.push({ required: true, validator: only, trig

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/112889
推荐阅读
相关标签
  

闽ICP备14008679号