el-from 手机号校验
时间: 2024-01-01 16:05:21 浏览: 70
el-table嵌套 el-form并且加正则校验
el-form 可以结合 el-input 组件使用,通过正则表达式来校验手机号格式。以下是一个示例:
```
<template>
<el-form :model="form" :rules="rules">
<el-form-item label="手机号" prop="phone">
<el-input v-model="form.phone"></el-input>
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
form: {
phone: ''
},
rules: {
phone: [
{ required: true, message: '请输入手机号', trigger: 'blur' },
{ pattern: /^1[3|4|5|7|8][0-9]\d{8}$/, message: '手机号格式不正确', trigger: 'blur' }
]
}
}
}
}
</script>
```
在上面的示例中,rules 中的 phone 字段是一个数组,用来定义手机号的校验规则,包括是否必填,以及正则表达式用来校验手机号格式是否正确。在 el-input 组件的属性中,使用 v-model 绑定手机号的值,这样在表单提交时就可以获取到用户输入的手机号了。
阅读全文