uniapp 之 uview 表单验证手机号,如果手机号不是必填,但是如果填了就要验证格式
uniapp 之 uview表单验证手机号,如果手机号不是必填,但是如果填了就要验证格式
·
项目场景:
uview 中使用表单校验,当中 手机号 的字段不是必填字段,
但是如果用户填写了手机号就需要校验手机号的格式是否正确
用户如果没有填写以及填写正确的手机号,通过校验
如果填写了错误的手机号,报错
实现方式
校验规则如下
phone: [{
required: false,
},
{
// 自定义验证函数,见上说明
validator: (rule, value, callback) => {
if (value == "") {
return true;
} else {
// 上面有说,返回true表示校验通过,返回false表示不通过
// this.$u.test.mobile()就是返回true或者false的
return this.$u.test.mobile(value);
}
},
message: '手机号码不正确',
// 触发器可以同时用blur和change
trigger: ['change', 'blur'],
}
]
更多推荐
已为社区贡献17条内容
所有评论(0)