Vue项目的手机号表单验证

Vue项目的手机号表单验证

一、根据Vue官方文档写表单验证功能
二、检验规则写法

export default {data(){//验证手机号的正则表达式let reg=/^(((13[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[3-8]{1})|(18[0-9]{1})|(19[0-9]{1})|(14[5-7]{1}))+\d{8})$///验证方法let validatorPhone = function (phone, value, callback) {if (value === '') {callback(new Error('手机号不能为空'))} else if (!reg.test(value)) {callback(new Error('手机号格式错误'))} else {callback()}return {//校验规则Rules: {phone: [{ required: true,validator: validatorPhone, trigger: 'blur' }],}}}}
}