• JS 正则表达式验证邮箱和手机号使用场景


    验证邮箱的正则表达式:

    const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/

    或 

    const regEmail = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/

    验证手机号的正则表达式:

    const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/

      data() {
        // 验证邮箱的规则
        var checkEmail = (rule, value, cb) => {
          //  验证邮箱的正则表达式
          const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/
          if (regEmail.test(value)) {
            // 合法邮箱
            return cb()
          }
          cb(new Error('请输入合法的邮箱'))
        }
        // 验证手机号的规则
        var checkMobile = (rule, value, cb) => {
          //  验证手机号的正则表达式
          const regMobile =
            /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/
          if (regMobile.test(value)) {
            // 合法手机号
            return cb()
          }
          cb(new Error('请输入合法的手机号'))
        }
        return {
          // 添加表单的验证规则对象
          addFormRules: {
            email: [
              { required: true, message: '请输入邮箱', trigger: 'blur' },
              { validator: checkEmail, trigger: 'blur' },
            ],
            mobile: [
              { required: true, message: '请输入手机', trigger: 'blur' },
              { validator: checkMobile, trigger: 'blur' }
            ]
          }
        }
      }

    Vue项目里的验证规则及使用场景

  • 相关阅读:
    批量下载B站视频
    MATLAB安装
    printf小结
    hdoj 1874 dijkstra
    斐波那契而数列
    PAT数列排序
    感想
    物理定律的适用范围
    本博客的文章曾经恢复过,但迅速被部分删除(不知名的原因)
    (废墟重建)程序员如何学习书本上的例子 how programmers learn examples of books
  • 原文地址:https://www.cnblogs.com/mahmud/p/16757770.html
Copyright © 2020-2023  润新知