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'],
}
]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

---