其他分享
首页 > 其他分享> > 前端vue正则表达式验证手机号

前端vue正则表达式验证手机号

作者:互联网

通过在

<el-form :inline="true" :model="dataForm" :rules="dataFormRules" ref="dataForm" :size="size" >
</el-form>

里有

<el-form-item label="联系电话:" prop="phone" v-model="dataForm.phone">
	{{dataForm.cellphone}}
</el-form-item>

可以在dataFormRules里面加上规则

dataFormRules: {				
	phone:[
		{required:false,message:'请输入正确的联系方式', 	pattern:/^1[3456789]\d{9}$/,trigger:'blur'}
				]
			},

其中

pattern:/^1[3456789]\d{9}$/

用来验证手机号

标签:vue,手机号,dataFormRules,验证,正则表达式,3456789,dataForm,pattern
来源: https://blog.csdn.net/wjxhliu/article/details/110849761