登录正则验证手机号和admin

最新推荐文章于 2024-09-11 09:32:29 发布

活宝小娜

最新推荐文章于 2024-09-11 09:32:29 发布

阅读量260

点赞数

分类专栏：前端文章标签：前端 vue.js javascript elementui

本文链接：https://blog.csdn.net/qq_44401371/article/details/131475997

版权

前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

在Vue项目的数据绑定中，定义了一个验证规则validateUsername，用于检查登陆时输入的手机号是否合法。当输入为空时，会提示输入手机号；通过正则表达式验证手机号格式；如果输入为admin，则视为有效；否则提示输入正确的手机号。

摘要由CSDN通过智能技术生成

在使用手机号登陆的时候，做了正则验证，但是有时候需要给admin单独设置验证(可以使用用户名admin登录)
以下vue项目完整示例：

data(){
  var validateUsername = (rule, value, callback) => {
      if (value === '') {
        callback(new Error('请输入手机号'));
      } else {
        const reg = /^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$/
        if (reg.test(value)) {
          callback()
        } else if (value === 'admin') {
          callback()
        } else {
          callback('请输入正确的手机号');
        }
      }
    }
   return{
     signFormRules:{
        username: [
          { required: true, message: '请输入手机号', trigger: 'blur' },
          { validator:validateUsername, message: '请输入正确的手机号', trigger: ['blur', 'change'] }
        ]
      },
   }
 }