uni-app表单验证两种方法

uni-app和vue验证方法大同小异，有以下几个注意的点

<uni-forms ref="form" :model="form" :rules="rules">;
	<uni-forms-item label="申请人" name="Name"> //1.将prop改为name
		<uni-easyinput v-model="form.Name" placeholder="请输入申请人" />
	</uni-forms-item>
	<uni-forms-item label="电话号码" name="Phone"> //1.将prop改为name
		<uni-easyinput v-model="form.Phone" placeholder="请输入电话号码" />
	</uni-forms-item>
data() {
	return {
		// 2.表单校验rules里套字段在进行rules验证
			rules: {
				Phone: { //3.Message改为errorMessage
					rules: [{ required: true, errorMessage: '手机号码不能为空' },{
	validateFunction: function (rule, value, data, callback) {
		let iphoneReg = /^1[0-9]{10}$/
			if (!iphoneReg.test(value)) {
				callback('手机号码格式不正确，请重新填写')
					}
				  return true
				}
			}]
		},				
			Name: { rules: [{ required: true, errorMessage: '申请人不能为空', trigger: 'blur' }] }	
			},
	}
}

以上第一种方法已验证成功
第二种方法是看到了这篇文章，链接: link