el-form 验证手机号码

最新推荐文章于 2024-02-27 11:21:32 发布

罗根-前端

最新推荐文章于 2024-02-27 11:21:32 发布

阅读量2.3k

点赞数 2

文章标签： vue javascript elementui

本文链接：https://blog.csdn.net/qq_58946831/article/details/126137590

版权

在data下return外声明

let checkPhone = (rule, value, callback) => {
  let reg = /^1[345789]\d{9}$/
  if (!reg.test(value)) {
    callback(new Error('请输入11位手机号'))
  } else {
    callback()
  }
}

在data里面写

   rules: {
     //  required: true   是否必填，如不设置，则会根据校验规则自动生成
     telephone: { type: 'number', validator: checkPhone, message: '请输入正确的手机号', trigger: 'blur'},
   }
      ```