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' }],}}}}
}本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！