VUE-element-ui手机号码校验--亲测可实现
data中如下:data () {var checkphone = (rule, value, callback) => {// let phoneReg = /(^1[3|4|5|6|7|8|9]\d{9}$)|(^09\d{8}$)/;if (value === '') {callback(new Error('请输入手机号'))} else if (!this.isCellPhone(
·
data中如下:
data () {
var checkphone = (rule, value, callback) => {
// let phoneReg = /(^1[3|4|5|6|7|8|9]\d{9}$)|(^09\d{8}$)/;
if (value === '') {
callback(new Error('请输入手机号'))
} else if (!this.isCellPhone(value)) { // 引入methods中封装的检查手机格式的方法
callback(new Error('请输入正确的手机号!'))
} else {
callback()
}
}
return {
rule中如下 :
rules: {
tel: [{required: true, validator: checkphone, trigger: 'blur'}]
}
methods中如下 :
// 检查手机号
isCellPhone (val) {
if (!/^1(3|4|5|6|7|8)\d{9}$/.test(val)) {
return false
} else {
return true
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)