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

前端  /  管理员 发布于 3个月前   123

在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'
         }
     ]
 ]