vue+elementui中手机号正则验证、表单rules验证

2023-06-01 00:00:00 表单 验证 正则

在vue + elementui中实现手机号正则验证及在form表单增加手机号验证规则


示例代码:


 // 正则验证规则
 1. /^1(3|4|5|7|8|9)\d{9}$/ 
 2. /^1[3456789]\d{9}$/
 
 // 在表单rules中可以这样写规则验证
 rules:[
     mobile: [
         {
           required: true,
           message: '请输入手机号',
           trigger: 'blur'
         },
         {
           required: true,
          pattern: /^1[3456789]\d{9}$/,
          message: '手机号格式不正确',
          trigger: 'blur'
         }
     ]
 ]

相关文章