vue表单验证(验证是否是座机或手机号)

最新推荐文章于 2024-10-17 14:45:58 发布

原创最新推荐文章于 2024-10-17 14:45:58 发布 · 2.7k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#vue

data () {
  var checkPhone = (rule, value, callback) => {
    let regPone = null
    let mobile = /^((13|14|15|17|18)[0-9]{1}\d{8})$/ // 最新16手机正则
    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()
    }
  }
  return { 
    rules: { 
        'supply.customerPhone': [
          { required: true, validator: checkPhone, trigger: 'blur' }
        ]}
    }
}