最常用的15个前端表单验证JS正则表达式
2019独角兽企业重金招聘Python工程师标准>>>
在表单验证中,使用正则表达式来验证正确与否是一个很频繁的操作,本文收集整理了15个常用的JavaScript正则表达式,其中包括用户名、密码强度、整数、数字、电子邮件地址(Email)、手机号码、身份证号、URL地址、 IPv4地址、 十六进制颜色、 日期、 QQ号码、 微信号、车牌号、中文正则。
1 用户名正则
//用户名正则,4到16位(字母,数字,下划线,减号)
var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;
//输出 true
console.log(uPattern.test("caibaojian"));
2 密码强度正则
//密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符
var pPattern = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/;
//输出 true
console.log("=="+pPattern.test("caibaojian#"));
3 整数正则
//正整数正则
var posPattern = /^\d+$/;
//负整数正则
var negPattern = /^-\d+$/;
//整数正则
var intPattern = /^-?\d+$/;
//输出 true
console.log(posPattern.test("42"));
//输出 true
console.log(negPattern.test("-42"));
//输出 true
console.log(intPattern.test("-42"));
4 数字正则
可以是整数也可以是浮点数
//正数正则
var posPattern = /^\d*\.?\d+$/;
//负数正则
var negPattern = /^-\d*\.?\d+$/;
//数字正则
var numPattern = /^-?\d*\.?\d+$/;
console.log(posPattern.test("42.2"));
console.log(negPattern.test("-42.2"));
console.log(numPattern.test("-42.2"));
5 Email正则
//Email正则
var ePattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
//输出 true
console.log(ePattern.test(<a href="mailto:99154507@qq.com" rel="external nofollow">99154507@qq.com</a>));
6 手机号码正则
//手机号正则
var mPattern = /^1[34578]\d{9}$/; //http://caibaojian.com/regexp-example.html
//输出 true
console.log(mPattern.test("15507621888"));
7 身份证号正则
//身份证号(18位)正则
var cP = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
//输出 true
console.log(cP.test("11010519880605371X"));
8 URL正则
//URL正则
var urlP= /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/;
//输出 true
console.log(urlP.test(<a href="http://caibaojian.com" rel="external nofollow">http://caibaojian.com</a>));
9 IPv4地址正则
//ipv4地址正则
var ipP = /^(?:(?: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]?)$/;
//输出 true
console.log(ipP.test("115.28.47.26"));
10 十六进制颜色正则
//RGB Hex颜色正则
var cPattern = /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/;
//输出 true
console.log(cPattern.test("#b8b8b8"));
11 日期正则
//日期正则,简单判定,未做月份及日期的判定
var dP1 = /^\d{4}(\-)\d{1,2}\1\d{1,2}$/;
//输出 true
console.log(dP1.test("2017-05-11"));
//输出 true
console.log(dP1.test("2017-15-11"));
//日期正则,复杂判定
var dP2 = /^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/;
//输出 true
console.log(dP2.test("2017-02-11"));
//输出 false
console.log(dP2.test("2017-15-11"));
//输出 false
console.log(dP2.test("2017-02-29"));
12 QQ号码正则
//QQ号正则,5至11位
var qqPattern = /^[1-9][0-9]{4,10}$/;
//输出 true
console.log(qqPattern.test("65974040"));
13 微信号正则
//微信号正则,6至20位,以字母开头,字母,数字,减号,下划线
var wxPattern = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/;
//输出 true
console.log(wxPattern.test("caibaojian_com"));
14 车牌号正则
//车牌号正则
var cPattern = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/;
//输出 true
console.log(cPattern.test("粤B39006"));
15 包含中文正则
//包含中文正则
var cnPattern = /[\u4E00-\u9FA5]/;
//输出 true
console.log(cnPattern.test("董董董"));
转载于:https://my.oschina.net/u/2393989/blog/2395883
最常用的15个前端表单验证JS正则表达式相关推荐
- html正则表达式表单验证,js正则表达式验证表单【完整版】
效果图: 图(1)初始图 图(2)填入信息校验 代码如下: 完整验证表单 *{margin: 0;padding: 0;list-style:none;} body{background:#ccc;} ...
- JavaScript中的表单验证、正则表达式、数组的使用
表单验证.正则表达式.数组 字符串的使用 为什么要使用表单验证 表单验证的常用步骤 提交表单的2种方式 文本框对象 为什么要使用正则表达式 正则表达式的两种创建方法 正则表达式的模式 正则表达式常用的 ...
- 常用的表单验证Js方法,身份证、手机号码、固定电话正则验证建议收藏
平时做项目时,经常会用到很多使用频率很高的代码,一有问题都习惯性问度娘!把自己都养懒了. /* 表单验证*/// 验证手机号码 function PhoneMustBePostiveInt(phone ...
- HTML(六)——表单验证、正则表达式、事件
1.表单验证<form></form> (1).非空验证(去空格) (2).对比验证(跟一个值对比) (3).范围验证(根据一个范围进行判断) (4).固定格式验证:电话号码, ...
- javascript表单验证及正则表达式
1.表单验证的场景与意义 1.1.降低服务器压力 拦截不合格数据,避免直接提交到服务器,可以显著降低服务器开销 1.2.提升用户体验 早期的互联网,表单项非常多,注册账号需要填写20+字段.而其中有一 ...
- 表单验证与正则表达式
问题:一个注册界面,包括用户名.密码.确认密码.邮箱,对其进行表单验证,要求: 各项都不能为空, 用户名由字母数字下划线组成,不能使用数字开头, 密码长度必须大于6位,但不能超过15位, 密码和确认密 ...
- 表单验证和正则表达式(一)
首先我们要明白为什么要表单验证? 他的目的就是为了减轻服务器的压力及 保证输入的数据符合要求 来看下我们常用的表单验证,举例让你有个浅浅的了解 日期格式 例如:年月日不能为空,月必须在1到12之间,日 ...
- html表单验证js代码,JavaScript表单验证实现代码
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证 JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输 ...
- html表单验证用正则表达式,JavaScript 使用正则表达式进行表单验证的示例代码
搜索热词 JavaScript 表单验证正则表达式大全利用正则表达式判断是否是0-9的阿拉伯数字 function regIsDigit(fData) { var reg = new RegExp(& ...
最新文章
- iOS SwiftUI篇-3 排版布局layout
- 这种事都有?建行网银把Demo版的放上线了?!
- 一个JS打开链接并隐藏来源的方法
- 【Android 安全】DEX 加密 ( Application 替换 | Android 应用启动原理 | ActivityThread 后续分析 | Application 替换位置 )
- java图形用户界面概述_Java中图形用户界面概述
- JAVA复习5(总结+循环链表)
- 笑说设计模式-小白逃课被点名
- perl调用shell
- Java—多线程创建详解
- 设计灵感|清爽直观的仪表盘设计,转化繁杂数据
- JAVA读、写EXCEL文件
- TypeScript学习(六):函数的定义及特性
- 【Django 2021年最新版教程26】模板语言 前端if判断怎么用 实例
- 威纶触摸屏与电脑连接_威纶通TK6070IP触摸屏下载线MT6071IE触摸屏编程线连接电脑USB线...
- mysql提权马免杀_webshell/牛逼免杀提权隐藏大马 (1).asp at master · tennc/webshell · GitHub...
- 热烈祝贺高分十三号卫星发射成功
- python壁纸数据抓取_Python爬虫:爬取必应壁纸(可直接运行)
- greenplum麒麟安装笔记
- 化学计算机模拟计算,计算机化工辅助计算
- 一款好用的基于 Java 的中文转拼音工具
热门文章
- Python 进程 Process 模块 - Python零基础入门教程
- mysql 语句检查_mysql查询语句
- 请编写一个程序,请将字符串中所有字母全部向后移一位,最后一个字母放在字符串的开头,最后将新的字符串输出。
- android 闪存软件测试,手机为什么这么卡:闪存I/O测试AndroBench
- 背景调查 跳槽_分享 | 录用背景调查,查的到底是什么?
- 需求调研的方法及过程_培训需求调研方法
- linux头文件怎么编译,microsoft编译器怎么使用Linux头文件
- 《软件需求分析(第二版)》第 13 章——需求开发面临的特殊难题 重点部分总结
- Java 版本、语言规范、API、JDK、IDE、Java 源程序编译、执行原理(跨平台性根本原因)、特殊字符用法、8 大数据类型小结
- Vim进阶2 map映射