antd+react ---手机号校验(流程中使用)

一、背景：前端框架 react+antd
1.在form表单中 输入手机号 校验，并且当校验通过时，则允许表单提交数据，，未通过，则阻止该表单提交数据 ，参考 antd API ，部分代码如下：

{ getFieldDecorator('moblie',{
	initialValue:    ---初始化查出来的数据
	rules:[
		**{required:true, message:'手机号不能为空'}，
		{pattern:/^1[0-9]{10}/, message:'请输入正确的手机号'}**
	]
}）
<Input placeholder='输入手机号' style = {{width:210}} />
}

…

此时，在form 表单提交的方法中 例如：

handleSumbit = (e) ={
;
((err,values) => {
	***if(err){
	   let isErr  =false;   -----根据设置的参数来确定，表单中数据正确，则能正常提交，否则阻止提交；			  
		for(let key in err ){
			for(let i=0;i<err[key].;i++){
					(err[key].errors[i].message);
					isErr = true;
			}
		}
		if( isErr){
		   return false;
		}
	}***
})
}

以上代码可直接复用
以上纯属个人记录，，，，，

还有一种方式时自定义表单验证 ，未尝试，
地址如下：
/onlyliii/article/details/80759781?utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%&dist_request_id=&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%