自定义校验规则

最新推荐文章于 2024-06-18 14:44:18 发布

猕猴桃-HR

最新推荐文章于 2024-06-18 14:44:18 发布

阅读量197

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_45677987/article/details/115658216

版权

vue 专栏收录该内容

105 篇文章 2 订阅

订阅专栏

这篇博客介绍了在前端验证中针对手机号、传真和邮政编码的验证规则实现。通过正则表达式检查输入的格式，确保手机号符合11位数字格式，传真号码匹配常见格式，邮政编码遵循5位或4+3位数字的规则。在输入值改变或失去焦点时触发验证。

摘要由CSDN通过智能技术生成

1：手机号检验规则：

tel: [{ validator: checkPhone, trigger: 'change,blur' }],

let checkphone = (rule, value, callback) => {
  const phoneReg = /^1[3-9]\d{9}$/;
  if (value.length > 0) {
    setTimeout(()=> {
      if(phoneReg.test(value)) {
        callback();
      }else {
        call(new Error('this.$t(' ')'))
      }
    }, 100)
  }
}

2：

fax: [{ validator: checkFax, trigger: 'change,blur' }],

let checkFax = (rule, value, callback) => {
  const phoneReg = /^(?:\d{3,4}-)?\d{7,8}(?:-\d{1,6})?$/;
  if (value.length > 0) {
   setTimeout(() => {
    if (phoneReg.test(value)) {
       callback();
      } else {
       callback(new Error(this.$t('')));
      }
     }, 100);
   } else {
     callback();
   }
};

3：

 zipcode:[{ validator: checkZip, trigger: 'change,blur' }],

 let checkZip = (rule, value, callback) => {
   const phoneReg = /^[1-9]\\d{5}$/;
   if (value.length > 0) {
     setTimeout(() => {
       if (phoneReg.test(value)) {
         callback();
       } else {
         callback(new Error(this.$t('field.customer.zipformat')));
         }
       }, 100);
      } else {
       callback();
    }
 };