项目场景:

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'],
}
]

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐