手机号校验

1、form表单中手机号输入框

<el-form ref="form" :rules="rules" :model="pageData" class="index">
  <el-row class="yh-row">
	<el-col :span="24">
	  <el-form-item label="手机号码" prop="Customer_MobilePhoneNumber">
		<el-input name="cusIDAddr"
				  id="cusIDAddr"
				  class="grid-content rightCol yh-bottom-line-input"
				  v-model="pageData.Customer_MobilePhoneNumber"
				  placeholder="请输入您的手机号码"/>
	  </el-form-item>
	</el-col>
  </el-row>
</el-form>

2、rules校验

rules中字段名名称和prop="Customer_MobilePhoneNumber"对应。

rules: {
  Customer_MobilePhoneNumber: [
	{required: true, message: "请输入手机号码", trigger: 'blur'},
	{pattern:/^1[3456789]\d{9}$/,message:'请输入正确的手机号'}
  ],
}