elementui form 验证手机号

ElementUI提供了多种方式来验证手机号。根据你提供的引用内容，可以看到有三种不同的验证方式。

第一种方式是使用自定义验证函数。在data中定义了一个validPhone函数，用于验证手机号。该函数会在表单验证时被调用，并根据输入的值进行验证。如果值为空或不符合手机号的规则，会返回一个错误信息。在rules中，将validPhone函数作为验证器应用到phone字段上。\[1\]

第二种方式是使用el-input组件的oninput事件来限制输入的字符和长度。在代码中，使用正则表达式将非数字字符替换为空，并限制输入的长度不超过11位。同时，在rules中定义了tel字段的验证规则，要求该字段必填且长度不小于11位。\[2\]

第三种方式是使用el-input组件的maxlength属性来限制输入的长度。在代码中，将maxlength属性设置为11，即限制输入的长度不超过11位。同时，在listDialogRules中定义了receiver_phone字段的验证规则，要求该字段必填且通过validateMobile函数进行验证。\[3\]

综上所述，ElementUI提供了多种方式来验证手机号，可以根据具体需求选择适合的方式进行验证。
#### 引用[.reference_title]
- *1* [VUE element-ui之form表单自定义验证11位手机号码（封装验证规则）](https://blog.csdn.net/HanXiaoXi_yeal/article/details/123545370)[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]
- *2* [Vue element 自定义表单验证（手机号校验 ）](https://blog.csdn.net/wwyxjjz/article/details/125845839)[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* [element ui Form 自定义校验规则,验证手机号](https://blog.csdn.net/xutongbao/article/details/128481645)[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 ]