vue、JavaScript 常用正则表达式校验

已于 2023-08-17 10:45:35 修改
阅读量814 收藏 12
点赞数
分类专栏： vue 正则表达式 文章标签： 正则表达式 javascript 开发语言 vue.js
于 2023-03-14 16:06:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44170108/article/details/129528879
版权

正则表达式在线测试 | 菜鸟工具

Regexper

正则表达式可视化工具 | 菜鸟工具

  1. 开户银行： 
     /^[\u4e00-\u9fa5.·\u36c3\u4DAE]{2,}$/
  2. 银行账户：  
    /^[0-9\-]*$/
  3. 税率（100以内（2位小数））： 
    /^(([1-9]?\d(\.\d{1,2})?)|100|100\.0{1,2})$/
  4. 金额区间 [1,10/#) ： 
     /[\[\(][\d+\.]+, ?[\d\.\#]+[\]\)]/
  5. 16位数字：  
      /^[0-9]\d{15}$/
  6. 手机号码： 
     /^1[3|4|5|6|7|8|9][0-9]\d{8}$/
  7. url：  
     /^(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.,?'\\+&%$#=~_-]+))*$/
  8. 小写： 
    /^[a-z]+$/
  9. 大写： 
     /^[A-Z]+$/
  10. 大小写字母：  
    /^[A-Za-z]+$/
  11. Email：   
    /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
  12. 校验多个电子邮箱，以分号分隔，不区分中英分号： 
    // 校验多个电子邮箱，以分号分隔，不区分中英分号
const validFormEmail = (rule, value, callback) => {
// this.form.email 表单内的email字段，即要校验的字段
  if ([';', '；'].includes(value.substr(0, 1))) this.form.email = value?.substr(1)
  const emailArr = value?.trim()?.split(/[;|；]/)
  const emailReg = /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/
  let isEmailValid = true
  emailArr.map(item => {
    if (!emailReg.test(item)) isEmailValid = false
  })
  if (/[;|；]$/.test(value)) {
    callback(new Error('请不要以分号结尾'))
  } else if (emailArr?.length > 6) {
    callback(new Error('电子邮箱最多可输入6个'))
  } else if (!isEmailValid) {
    callback(new Error('请检查是否所有邮箱地址均正确'))
  } else {
    callback()
  }
}
  13. 金额（可正可负 最多两位小数）： 
     /(^(([1-9]+\d*)|(0{1}))(\.\d{1,2})?$)|(^-([1-9]+\d*(\.\d{1,2})?|0\.(0[1-9]{1}|[1-9]{1}\d?))$)/
  14. 金额（0或负数 最多两位小数）： 
     /(^\-[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^0\.0(0)?$)|(^\-[0-9]\.[0-9]([0-9])?$)/
  15. 金额（0或正数 最多两位小数）： 
     /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/
  16. 百分数： 
     /^(\d|[1-9]\d|100)(\.\d{1,2})?%$/
  17.  验证密码： 
     /^([a-zA-Z0-9\.\@\!\#\$\%\^\&\*\(\)]){6,16}$/
  18. 身份证15位和18位： 
     /^[1-9]{1}[0-9]{14}$|^[1-9]{1}[0-9]{16}([0-9]|[xX])$/

  19. 只能输入16位或20位数字：

    /^(\d{20,20}|\d{16,16})$/

  20. 小数点前最多11位数字，小数点后最多2位数字：（封装方法：正则表达式—JS数字校验：限制小数点前、后位数_正则限制小数点位数_金乌Y的博客-CSDN博客）

    /^[-]{0,1}(([1-9]{1}[0-9]{0,10})|([0]{1}))((\.{1}[0-9]{1,2}$)|$)/
  21. 名字检测： 
     /^[\u4e00-\u9fa50-9a-zA-Z]{1,20}$/
  22. 不能输入中文： 
     /^[^\u4e00-\u9fa5\s]*$/
  23. 只能输入数字和小数点： 
     /^[0-9]+([.]{1}[0-9]+){0,1}$/
  24. 只能输入数字： 
      /^\d+$/
  25. 字母、数字、下划线： 
     /^\w+$/
  26. 以字母开头，数字，英文，下划线和短横线6-20位：  
    /^[a-zA-Z]([-_a-zA-Z0-9]{6,20})$/
  27. 只能输入英文，数字，下划线，横线： 
     /^[5A-Za-z0-9-\_]+$/
  28. 身份证校验（简）：  
    /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
  29. 身份证校验：（引用：身份证号码的正则表达式及验证详解(JavaScript，Regex) - 知乎） 
    
// 省级地址码校验
// 华北：北京11，天津12，河北13，山西14，内蒙古15
// 东北： 辽宁21，吉林22，黑龙江23
// 华东： 上海31，江苏32，浙江33，安徽34，福建35，江西36，山东37
// 华中： 河南41，湖北42，湖南43
// 华南： 广东44，广西45，海南46
// 西南： 四川51，贵州52，云南53，西藏54，重庆50
// 西北： 陕西61，甘肃62，青海63，宁夏64，新疆65
// 特别：台湾71，香港81，澳门82
// 根据上述地址码做身份证号码的前两位校验，进一步的提高准确率。当前的地址码以2013版的行政区划代码【GB/T2260】为标准。

var checkProv = function (val) {
    var pattern = /^[1-9][0-9]/;
    var provs = {11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门"};
    if(pattern.test(val)) {
        if(provs[val]) {
            return true;
        }
    }
    return false;
}

//输出 true，37是山东
console.log(checkProv(37));
//输出 false，16不存在
console.log(checkProv(16));
    
// 出生日期码校验

var checkDate = function (val) {
    var pattern = /^(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)$/;
    if(pattern.test(val)) {
        var year = val.substring(0, 4);
        var month = val.substring(4, 6);
        var date = val.substring(6, 8);
        var date2 = new Date(year+"-"+month+"-"+date);
        if(date2 && date2.getMonth() == (parseInt(month) - 1)) {
            return true;
        }
    }
    return false;
}
//输出 true
console.log(checkDate("20180212"));
//输出 false 2月没有31日
console.log(checkDate("20180231"));
    
// 校验码校验

var checkCode = function (val) {
    var p = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
    var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];
    var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];
    var code = val.substring(17);
    if(p.test(val)) {
        var sum = 0;
        for(var i=0;i<17;i++) {
            sum += val[i]*factor[i];
        }
        if(parity[sum % 11] == code.toUpperCase()) {
            return true;
        }
    }
    return false;
}

// 输出 true， 校验码相符
console.log(checkCode("11010519491231002X"));
// 输出 false， 校验码不符
console.log(checkCode("110105194912310021"));
    
// 整体代码校验

var checkID = function (val) {
    if(checkCode(val)) {
        var date = val.substring(6,14);
        if(checkDate(date)) {
            if(checkProv(val.substring(0,2))) {
                return true;
            }
        }
    }
    return false;
}
//输出 true
console.log(checkID("11010519491231002X"));
//输出 false，校验码不符
console.log(checkID("110105194912310021"));
//输出 false，日期码不符
console.log(checkID("110105194902310026"));
//输出 false，地区码不符
console.log(checkID("160105194912310029"));
  30. 待增加......
金乌Y
关注
  • 0
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Python JavaScript Vue 常用的正则表达式
01-03
正则表达式
Vue 正则表达式验证表单字段(如用户名/密码/真实姓名/身份证/手机号/邮箱)的合法性
寻思旧京洛
08-21 1万+
1. 给页面表单对象添加验证属性 由于我的项目使用的el-form,则给el-form添加属性 :rules="registerRules" ref="registerForm" 为el-form-item每个表单子项添加 prop 属性, 例如 <el-form-item prop="username"> <el-input name="username"...
vue身份证正则校验的2种类型
weixin_40305713的博客
12-19 5985
项目场景： vue项目中身份证号码设置了校验，但是在验收的时候还可以输入错误的身份证号码。依旧通过了校验，发现是校验规则不够严格。替换一种新的校验方式 问题描述： 旧的正则校验不够严谨，可以输入合法但错误的身份证号。 代码： data(){ return { rules:{ IDCard: [ { required: true, pattern: /^(([1-9][
js正则表达式使用
web开发自学
02-28 84
一，概述 1，正则表达式，可以说是任何一种编程语言都提供的机制，它主要是提供了对字符串的处理能力。 2，正则表达式在页面处理中的使用场景： 1）表单验证。验证某些域符合某种规则，例如邮件输入框必须输入的是邮件、联系电话输入框输入的必须是数字等等 2）处理DOM模型。例如通过表达式定位DOM中的一个对象或一系列对象，一个例子就是定位id属性中含有某个特殊字符的div对象。 3）纯编...
解决在vue中使用elementUI自定义校验及点击提交不生效问题
明思齐的博客
04-22 6079
本章讲述的主要是对身份证号码的校验及为何校验了但提交不生效问题。🍀1、身份证号码（二代18位身份证）的含义1️⃣ 1-2位：代表所属省级政府的代码；2️⃣ 3-4位：代表所在的地、市级政府代码；3️⃣ 5-6位：代表所在区、县级政府代码；4️⃣ 7-10位：代表身份证持有人的出生年份；5️⃣ 11-12位：代表身份证持有人的出生月份；6️⃣ 13-14位：代表身份证持有人的出生当月日期；7️⃣ 15-16位：代表身份证持有人在当地的顺序码（所在地的派出所的代码）；
【VUE+Elemet 】最全正则验证 + 表单验证 + 注意事项
热门推荐
BMG-Princess
04-09 2万+
最全最全正则验证 + 表单验证 + 注意事项 一、正则验证 1.输入字母/数字/下划线： 2.请输入中英文/数字/下划线： 3.请输入中文/英文： 4.规范金额： 5.用户名不能全是数字: 6.中文： 7.非中文： 8.限制长度： 9.数字： 10.正整数及整数： 11.请输入数字(可正负) 12.请输入数字/小数点: 13.请输入0-9999 14.大写，小写，数字，特殊字符，至少上面的三种,至少八位 15.自定义校验 16.是否合法IP地址: 17.是否手
vue常用正则校验
weixin_42277719的博客
03-25 1545
正则 1 数字：1$ 2 n位的数字：^d{n}$ 3 至少n位的数字：^d{n,}$ 4 m-n位的数字：^d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9])$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9])+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(-)?d+(.d{1,2})?$ 8 正数、负数、和小数：^(-|+)?d+(.d+)?$ 9 有两位小数的正实数：2+(.[0-9]{2})?$ 10 有1~3位小数的正实数：3+(.[0-9]
VUE 数字相关的 正则表达式
小范先生上行中的博客
09-25 1836
只能输入数字，并且整数位最多10位，小数位必须位2位 { pattern:/^[0-9]{1,10}\.?[0-9]{2,2}$/, message:'整数最多10位，小数必须保留2位', trigger:'blur' }, 备注： ^ 开头 [0-9] 0到9的数字 {1,10...
vue中使用常用正则表达式
~~
12-09 2969
3~20个字符，可使用字母、数字、下划线，需以字母开头：/^[a-zA-Z]\w{2,19}$/
VUE正则表达式验证规则合集
weixin_43996368的博客
12-07 3762
VUE正则表达式验证规则合集
js,vue的文本长度校验方法
weixin_42727360的博客
07-11 3941
js,vue的文本长度校验方法 后续添加 1、校验文本长度； validateTextLength (value) { // 中文、中文标点、全角字符按1长度，英文、英文符号、数字按0.5长度计算 let cnReg = /([\u4e00-\u9fa5]|[\u3000-\u303F]|[\uFF00-\uFF60])/g let mat = v...
正则表达式校验身份证号码
07-08
正则表达式验证身份证号码 共两个验证 一个是简单的 只判断是不是15位或者18位, 另外一个方法是复杂的校验,严格判断身份证号码是否合理
JavaScript正则表达式替换字符串中图片地址(img src)的方法
10-20
主要介绍了JavaScript正则表达式替换字符串中图片地址(img src)的方法,结合实例形式分析了JS正则替换的常用技巧与注意事项,需要的朋友可以参考下
正则表达式去除中括号（符号）及里面包含的内容
01-19
ps：下面看下利用正则表达式提取括号内内容 比如现在要提取 中华人们共和国，简称（中国） 这句话中括号里的“中国” import java.util.regex.Matcher; import java.util.regex.Pattern; public class Test { ...
Java使用正则表达式提取XML节点内容的方法示例
08-29
主要介绍了Java使用正则表达式提取XML节点内容的方法,结合具体实例形式分析了java针对xml格式字符串的正则匹配相关操作技巧,需要的朋友可以参考下
JS-在字符串形式的正则表达式中，需要对反斜杠进行转义
Bruce__taotao的博客
04-30 754
在字符串形式的正则表达式中，需要对反斜杠进行转义！！！，最近用AI帮我转换代码，后端伙伴已经用C#的正则方法。结果被坑了一波。下面娓娓道来。简而言之，在字符串中，单个反斜杠是转义字符，所以需要再加一个来表示字面意义上的反斜杠。这样，正则表达式引擎才能正确解析你的模式字符串。而C# 用的@ 不用转义。
bpmn-js推荐几款常用的插件
飞云先生
04-30 138
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。
表格隔行变色
最新发布
weixin_54339833的博客
05-02 395
2.$(document).ready() 是 jQuery 中的一个函数，它确保在文档结构（DOM）加载完成后执行指定的代码。与原生 JavaScript 的 window.onload 不同，$(document).ready() 会在 HTML 文档结构被加载和解析完成后立即执行，而无需等待样式表、图片和子框架的完成加载。if (index % 2 === 0) { // 偶数行。if (i % 2 === 0) { // 偶数行。// 可以省略，因为默认背景色通常是白色。
用Typescript写自动化工作流
联蔚盘云的博客
04-29 1209
acao 的命令还有一些其他用法，比如指定执行某个 job 或者忽略依赖 通过命令行参数的方式注入等等，详细使用方式可以查看文档这个项目最近也在持续更新中，后续也会支持更多的预设，web ui 的操作方式也在计划中小伙伴想参与预设的开发也欢迎 pr 呀。
vue正则表达式校验
08-23
Vue正则表达式校验可以用于验证不同格式的数据，比如身份证号和邮箱。以下是一些常见的正则表达式校验方法: 1. 身份证号正则: `/^\d{6}(18|19|20)?\d{2}(0[1-9]|1[0-2])(([0-2][1-9])|10|20|30|31)\d{3}(\d|X|x)$/`。这个正则表达式可以用于验证身份证号码是否符合规定的格式。 2. 邮箱正则: `/^[A-Za-z\d]([-_.][A-Za-z\d])*@([A-Za-z\d][-]){1,2}[A-Za-z\d]{2,5}$/g`。这个正则表达式可以用于验证邮箱地址是否符合规定的格式。 同时，你还可以使用Vue的正则表达式校验方法来限制输入的内容。比如，如果你想只允许输入汉字、英文字母和数字，不允许输入空格和特殊符号，可以使用如下代码: ```javascript var name = this.name.replace(/[`~!#$%^&*()_/\- =<>?:"{}|~！#￥@%·—……&*（）={}|《》？：“”【】、；‘’，。、\s ]/g, ''); ``` 以上代码中的正则表达式可以替换掉输入内容中的空格和特殊符号，只保留汉字、英文字母和数字。 综上所述，Vue正则表达式校验可以通过以上方法来验证不同格式的数据。你可以根据具体的需求选择合适的正则表达式来进行校验。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue项目中常用的正则校验表达式](https://blog.csdn.net/weixin_46112225/article/details/116228796)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值