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:'请输入正确的手机号'}
],
}