Vue 自定义校验

自定义校验，添加正则校验

rules: {
    phone: [
        { validator: checkphone, trigger: 'blur' }
    ]
}

var checkphone = (rule, value, callback) => {
    const reg = /^1(?:3\d|4[4-9]|5[0-35-9]|6[2567]|7[013-8]|8\d|9\d)\d{8}$/
    if (reg.test(value)) {
        return callback()
    } else {
        return callback(new Error('请输入正确的手机号'))
    }
};

以下是常用的正则（补充中）

  // 验证手机号码
  const reg = /^1(?:3\d|4[4-9]|5[0-35-9]|6[2567]|7[013-8]|8\d|9\d)\d{8}$/
        
  // 验证金额 ，正整数，保留两位小数
  const reg = /^(([1-9]{1}\d*)|(0{1}))(\.\d{1,2})?$/
  
  // 三位小数的正实数
   const reg = /^[0-9]+(\.[0-9]{1,3})?$/

 // 验证纯数字
  const reg = /^[0-9]*$/

// 验证非负整数
const reg = /^\d+$/

  // 验证0-100之前的数，包含100，保留两位小数 (未验证)
  const reg = /^(100)$|^((\d|[1-9]\d)(\.\d{1,2})?)$/