美文网首页
2021-06-17 vue表单验证(验证是否是座机或手机号)

2021-06-17 vue表单验证(验证是否是座机或手机号)

作者: 流泪手心_521 | 来源:发表于2021-06-17 13:48 被阅读0次
    
        const checkPhone = (rule, value, callback) => {
                  let regPone = null
                  let mobile = /^(1[3456789]\d{9})$/  //手机号
                  let tel = /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/ // 座机
                  if (value !== null && value.charAt(0) === '0') { // charAt查找第一个字符方法,用来判断输入的是座机还是手机号
                    regPone = tel
                  } else if (value !== null && value.charAt(0) !== '0') {
                    regPone = mobile
                  }
                  if (regPone === null) {
                    return callback(
                         new Error('请输入电话')
                    )
                  } else if (!regPone.test(value)) {
                    return callback(
                         new Error("请输入正确的电话格式,其中座机格式'区号-座机号码'")
                    )
                  } else {
                    callback()
                  }
        };
          invoiceFormRules: {
            phone: [
              { required: true, validator: checkPhone, trigger: ["blur"] },
            ],
          },
    

    相关文章

      网友评论

          本文标题:2021-06-17 vue表单验证(验证是否是座机或手机号)

          本文链接:https://www.haomeiwen.com/subject/qilcyltx.html