el-input11位手机号正则
时间: 2023-11-07 21:52:17 浏览: 31
以下是一个可以匹配11位手机号格式的正则表达式:
```
/^1[3-9]\d{9}$/
```
解释:
- `^` 匹配字符串的开头
- `1` 匹配数字1
- `[3-9]` 匹配3-9之间的任意一个数字
- `\d` 匹配任意一个数字
- `{9}` 匹配前面的\d数字字符出现9次
- `$` 匹配字符串的结尾
这个正则表达式可以匹配以1开头,第二个数字是3-9之间的任意一个数字,后面跟着9个数字的字符串,符合手机号的格式要求。
相关问题
el-input 手机号正则校验
根据提供的引用内容,el-input的手机号正则校验可以通过在Vue的data中定义一个phoneNumber的验证函数,并在rules中使用该验证函数进行校验。具体的实现步骤如下:
1. 在Vue的data中定义一个phoneNumber的验证函数,该函数接收三个参数:rule, value, callback。其中,rule是验证规则,value是输入的手机号码,callback是回调函数。
2. 在phoneNumber函数中,使用正则表达式对手机号进行验证。如果手机号为空,则通过callback函数返回一个错误信息,提示用户输入手机号。如果手机号不符合正则表达式的规则,则同样通过callback函数返回一个错误信息,提示用户输入正确的手机号。如果手机号符合正则表达式的规则,则通过callback函数返回一个空值,表示验证通过。
3. 在Vue的rules中,对phone字段进行校验。使用validator属性指定phoneNumber函数作为验证函数,并设置message属性为"请输入正确的手机号",trigger属性为"blur",表示在失去焦点时进行校验。
4. 在el-input组件中,使用v-model指令绑定ruleForm.phone字段,将输入的手机号码与Vue的data中的phone字段进行双向绑定。
5. 在el-form组件中,使用:rules属性将rules绑定到el-form组件上,实现手机号的正则校验。
综上所述,可以通过以上步骤实现el-input的手机号正则校验。
#### 引用[.reference_title]
- *1* *2* [el-form-item中的el-input加上正则校验](https://blog.csdn.net/m0_58266149/article/details/126954372)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [el-input手机号,座机号,邮箱,银行卡,邮编,传真验证](https://blog.csdn.net/csdnyp/article/details/118762677)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
el-input正则手机号
要在el-input组件上添加正则手机号验证,您可以根据以下步骤进行操作:
1. 在Vue的data中添加一个名为phoneNumber的函数,该函数用于验证手机号码。可以使用正则表达式来验证手机号码的格式。例如,您可以使用以下正则表达式:/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/。
2. 将phoneNumber函数作为validator传递给rules对象中phone字段的验证规则。
3. 在el-input组件上使用v-model指令绑定手机号码的值,并使用type="text"来确保输入为文本类型。
4. 添加其他必要的属性,如size、auto-complete和placeholder等。
以下是一个示例代码片段,展示了如何在el-input组件上添加正则手机号验证:
```html
<el-form-item label="手机号码" prop="phone">
<el-input v-model="ruleForm.phone" type="text" size="large" auto-complete="off" placeholder="请输入手机号码">
</el-input>
</el-form-item>
```
```javascript
data() {
var phoneNumber = (rule, value, callback) => {
const reg = /^(13