前端正则

作者: 一只菜鸟正在脱毛 | 来源:发表于2020-06-08 16:56 被阅读0次
1、判断手机号码
export function validatePhone(rule, value,callback) {
  const reg =/^[1][3-9][0-9]{9}$/;
  if(value==''||value==undefined||value==null){
    callback();
  }else {
    if ((!reg.test(value)) && value != '') {
      callback(new Error('请输入正确的电话号码'));
    } else {
      callback();
    }
  }
}
2、判断邮箱
export function validateEMail(rule, value,callback) {
  const reg =/^([a-zA-Z0-9]+[-_\.]?)+@[a-zA-Z0-9]+\.[a-z]+$/;
  if(value==''||value==undefined||value==null){
    callback();
  }else{
    if (!reg.test(value)){
      callback(new Error('请输入正确的邮箱'));
    } else {
      callback();
    }
  }
}
3、判断密码
export const validatePsdReg = (rule, value, callback) => {
  if (!value) {
    return callback(new Error('请输入密码'))
  }
  if (!/^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$)([^\u4e00-\u9fa5\s]){6,20}$/.test(value)) {
    callback(new Error('请输入6-20位英文字母、数字或者符号(除空格),且字母、数字和标点符号至少包含两种'))
  } else {
    callback()
  }
}
4、判断身份证
export const ID = (rule, value, callback) => {
    if (!value) {
      return callback(new Error('身份证不能为空'))
    }
    if (! /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(value)) {
      callback(new Error('请输入正确的二代身份证号码'))
    } else {
      callback()
    }
}
5、纯数字校验
export const validateNumber = (rule, value, callback) => {
    let numberReg = /^\d+$|^\d+[.]?\d+$/
    if (value !== '') {
        if (!numberReg.test(value)) {
            callback(new Error('请输入数字'))
        } else {
            callback()
        }
    } else {
        callback(new Error('请输入值'))
    }
}
6、是否大小写
export function validatAlphabets(val) {
  const reg = /^[A-Za-z]+$/;
  return reg.test(val);
}
7、是否大写字母
export function validateUpperCase(val) {
  const reg = /^[A-Z]+$/;
  return reg.test(val);
}
8、是否小写字母
export function validateLowerCase(val) {
  const reg = /^[a-z]+$/;
  return reg.test(val);
}
9、合法url
export function validateURL(url) {
  const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/;
  return urlregex.test(url);
}

相关文章

  • 十分钟掌握Javascript正则表达式

    前端界有这么一句话:会正则的不一定是大牛,但是不会正则的一定不是大牛。所以正则对于前端工作者还是相当重要的一门...

  • vue(2) - 收藏集 - 掘金

    javascript 正则表达式总结 - 前端 - 掘金为什么要使用正则表达式 正则表达式通过由普通字符和特殊字符...

  • 第六届360前端星计划_正则的三个应用场景

    正则的三个应用场景 主讲人 王峰 360前端技术专家 奇舞团 正则表达式的创建和使用 三个应用场景正则与数值正则与...

  • 前端正则

    1、判断手机号码 2、判断邮箱 3、判断密码 4、判断身份证 5、纯数字校验 6、是否大小写 7、是否大写字母 8...

  • 前端常用正则

    前提 在 vue开发中,难免遇到各种表单校验,这里整理了网络上和自己平时高频率用到的一些校验方法。 1、是否合法I...

  • 前端常用正则

    /\B(?=(\d{3})+(?!\d))/g这个正则用来千分位整数 其中额\B可以参考这个,写的比较详细 匹配字...

  • 前端正则

    一、简单正则 简单的示例 ^ 为匹配输入字符串的开始位置。 [0-9]+匹配多个数字, [0-9] 匹配单个数字,...

  • ip:port 正则校验

    正则表达式 前端使用的表达式 使用正则表达式在线工具[https://c.runoob.com/front-end...

  • 23-第二十三章 RegExp

    前端常用正则表达式 http://caibaojian.com/form-regexp.html https://...

  • 前端常用正则表达式

    常用正则:前端开发 常用正则表达式都在这里了 1.str去除空格的字符串:去除所有空格:str = str.rep...

网友评论

    本文标题:前端正则

    本文链接:https://www.haomeiwen.com/subject/wobrtktx.html