js正则表达式总结

最新推荐文章于 2024-09-14 17:52:43 发布
最新推荐文章于 2024-09-14 17:52:43 发布
阅读量1.3k 收藏
点赞数
文章标签： js regex 正则表达式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hing2008/article/details/20833669
版权 
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="../common/head.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>正则表达式</title>
<style type="text/css">
#no {
	color: #FF0000;
}
#ok {
	color: #00FF00;
}
</style>
<script type="text/javascript">
	function checkName() {
		alert("ok");
	}

	$(function() {
		$("tr").each(function(){
			$($(this).children("td").get(0)).attr("align","right");
		});
		$("#name").blur(function() {
			var v = $(this).val();
			var regex = /^\w{4,20}$/;
			if (!regex.exec(v)) {
				$("#nameCheck").html("<div id='no'>只能是4-20位字符串！！</div>");
			} else {
				$("#nameCheck").html("<div id='ok'>名称合法！！</div>");
			}
		});
		$("#birthday").blur(function() {
			var v = $(this).val();
			var regex = /^(\d{4})(-)(\d{1,2})\2(\d{1,2})$/; 
			var check = v.match(regex);
			if (check == null) {
				$("#birthdayCheck").html("<div id='no'>格式不正确，如：2014-12-31</div>");
			} else {
				var array = v.split("-");
				var year = array[0];
				var moth = array[1];
				var date = array[2];
				if(year > 2014 || year < 1949){
					$("#birthdayCheck").html("<div id='no'>年份只能在1949-2014之间</div>");
				} else if(moth > 12 || moth < 1){
					$("#birthdayCheck").html("<div id='no'>月份只能在1-12之间</div>");
				} else if(date > 31 || date < 1){
					$("#birthdayCheck").html("<div id='no'>日只能在1-31之间</div>");
				}else{
					$("#birthdayCheck").html("<div id='ok'>出生日期合法</div>");
				}
			}
		});
		$("#hanzi").blur(function() {
			var v = $(this).val();
			var regex = /[^\u4e00-\u9fa5]/;
			var check = regex.test(v);
			if (check) {
				$("#hanziCheck").html("<div id='no'>只能写汉字</div>");
			} else {
				$("#hanziCheck").html("<div id='ok'>内容正确</div>");
			}
		});
		$("#swkb").blur(function() {
			var v = $(this).val();
			var regex = /^\s+|\s+$/;
			var check = v.match(regex);
// 			alert(check);
			if (check == null) {
				$("#swkbCheck").html("<div id='no'>首尾都不是空白</div>");
			} else {
				$("#swkbCheck").html("<div id='ok'>内容正确</div>");
			}
		});
		$("#mail").blur(function() {
			var v = $(this).val();
			var regex = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
			var check = v.match(regex);
// 			alert(check);
			if (check == null) {
				$("#mailCheck").html("<div id='no'>邮箱格式不正确</div>");
			} else {
				$("#mailCheck").html("<div id='ok'>邮箱正确</div>");
			}
		});
		$("#int").blur(function() {
			var v = $(this).val();
			var regex = /^-?[1-9]\d*$/;
			var check = v.match(regex);
			if (check == null) {
				$("#intCheck").html("<div id='no'>请输入整数</div>");
			} else {
				$("#intCheck").html("<div id='ok'>输入正确</div>");
			}
		});
		$("#int_z").blur(function() {
			var v = $(this).val();
			var regex = /^[1-9]\d*$/;
			var check = v.match(regex);
			if (check == null) {
				$("#int_zCheck").html("<div id='no'>请输入正整数</div>");
			} else {
				$("#int_zCheck").html("<div id='ok'>输入正确</div>");
			}
		});
		$("#int_f").blur(function() {
			var v = $(this).val();
			var regex = /^-[1-9]\d*$/;
			var check = v.match(regex);
			if (check == null) {
				$("#int_fCheck").html("<div id='no'>请输入负整数</div>");
			} else {
				$("#int_fCheck").html("<div id='ok'>输入正确</div>");
			}
		});
		$("#num").blur(function() {
			var v = $(this).val();
			var regex = /^([+-]?)([1-9]\d*\.?\d+|0\.\d*)$/;
			var check = v.match(regex);
			if (check == null) {
				$("#numCheck").html("<div id='no'>请输入数字</div>");
			} else {
				$("#numCheck").html("<div id='ok'>输入正确</div>");
			}
		});
		$("#int_z0").blur(function() {
			var v = $(this).val();
			var regex = /^([1-9]\d*|0)$/;
			var check = v.match(regex);
// 			alert(check);
			if (check == null) {
				$("#int_z0Check").html("<div id='no'>请输入正整数或0</div>");
			} else {
				$("#int_z0Check").html("<div id='ok'>输入正确</div>");
			}
		});
		$("#int_f0").blur(function() {
			var v = $(this).val();
			var regex = /^(-[1-9]\d*|0)$/;
			var check = v.match(regex);
			if (check == null) {
				$("#int_f0Check").html("<div id='no'>请输入负整数或0</div>");
			} else {
				$("#int_f0Check").html("<div id='ok'>输入正确</div>");
			}
		});
		$("#float").blur(function() {
			var v = $(this).val();
			var regex = /^([+-]?)([1-9]\d*\.\d+|0\.\d+)$/;
			var check = v.match(regex);
			if (check == null) {
				$("#floatCheck").html("<div id='no'>请输入浮点型数值</div>");
			} else {
				$("#floatCheck").html("<div id='ok'>输入正确</div>");
			}
		});
		$("#zipcode").blur(function() {
			var v = $(this).val();
			var regex = /^\d{6}$/;
			var check = v.match(regex);
			if (check == null) {
				$("#zipcodeCheck").html("<div id='no'>请输入邮编</div>");
			} else {
				$("#zipcodeCheck").html("<div id='ok'>输入正确</div>");
			}
		});
		$("#color").blur(function() {
			var v = $(this).val();
			var regex = /^([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;
			var check = v.match(regex);
			if (check == null) {
				$("#colorCheck").html("<div id='no'>请输入三位或六位16进制数</div>");
			} else {
				$("#colorCheck").html("<div id='ok'>输入正确</div>");
			}
		});
		$("#acsii").blur(function() {
			var v = $(this).val();
			var regex = /^[\x00-\xFF]+$/;
			var check = v.match(regex);
			if (check == null) {
				$("#acsiiCheck").html("<div id='no'>请输入ACSII</div>");
			} else {
				$("#acsiiCheck").html("<div id='ok'>输入正确</div>");
			}
		});
		$("#sfz").blur(function() {
			var v = $(this).val();
			var regex = /^[1-9](\d{14}|\d{17}|\d{16}[xX])$/;
			var check = v.match(regex);
			if (check == null) {
				$("#sfzCheck").html("<div id='no'>请输入正确身份证,十八位或十五位</div>");
			} else {
				$("#sfzCheck").html("<div id='ok'>输入正确</div>");
			}
		});
		$("#qq").blur(function() {
			var v = $(this).val();
			var regex = /^[1-9]{1}\d{4,10}$/;
			var check = v.match(regex);
			if (check == null) {
				$("#qqCheck").html("<div id='no'>请输入正确qq</div>");
			} else {
				$("#qqCheck").html("<div id='ok'>输入正确</div>");
			}
		});
		$("#picture").blur(function() {
			var v = $(this).val();
			var regex = /^([\w\u4e00-\u9fa5]+)\.(jpg|bmp|gif|ico|pcx|jpeg|tif|png|raw|tga)$/;
			var check = v.match(regex);
			if (check == null) {
				$("#pictureCheck").html("<div id='no'>请输入正确图片</div>");
			} else {
				$("#pictureCheck").html("<div id='ok'>输入正确</div>");
			}
		});
		$("#rar").blur(function() {
			var v = $(this).val();
			var regex = /^([\w\u4e00-\u9fa5]+)\.(rar|zip|7zip|tgz)$/;
			var check = v.match(regex);
			if (check == null) {
				$("#rarCheck").html("<div id='no'>请输入正确压缩文件</div>");
			} else {
				$("#rarCheck").html("<div id='ok'>输入正确</div>");
			}
		});
		$("#phone").blur(function() {
			var v = $(this).val();
			var regex = /^(13\d{9}|15[012356789]\d{8}|18[0256789]\d{8}|147\d{8})$/;
			var check = v.match(regex);
			if (check == null) {
				$("#phoneCheck").html("<div id='no'>请输入正确手机号</div>");
			} else {
				$("#phoneCheck").html("<div id='ok'>输入正确</div>");
			}
		});
		$("#url").blur(function() {
			var v = $(this).val();
			var regex = /^http[s]?:\/\/([\w-]+\.)+[\w-]+([\w-\.\/\?%&=]*)?$/;
			var check = v.match(regex);
			if (check == null) {
				$("#urlCheck").html("<div id='no'>请输入正确url</div>");
			} else {
				$("#urlCheck").html("<div id='ok'>输入正确</div>");
			}
		});
		
		
	});
</script>
</head>
<body>
	<form action="">
		<table align="center">
			<tr>
				<td width="200px">用户名：</td>
				<td width="100px"><input id="name" type="text"></td>
				<td width="250px"><div id="nameCheck"></div></td>
			</tr>
			<tr>
				<td>匹配日期：</td>
				<td><input id="birthday" type="text"></td>
				<td><div id="birthdayCheck"></div></td>
			</tr>
			<tr>
				<td>匹配汉字：</td>
				<td><input id="hanzi" type="text"></td>
				<td><div id="hanziCheck"></div></td>
			</tr>
			<tr>
				<td>匹配首尾空白：</td>
				<td><input id="swkb" type="text"></td>
				<td><div id="swkbCheck"></div></td>
			</tr>
			<tr>
				<td>匹配邮箱：</td>
				<td><input id="mail" type="text"></td>
				<td><div id="mailCheck"></div></td>
			</tr>
			<tr>
				<td>整数：</td>
				<td><input id="int" type="text"></td>
				<td><div id="intCheck"></div></td>
			</tr>
			<tr>
				<td>正整数：</td>
				<td><input id="int_z" type="text"></td>
				<td><div id="int_zCheck"></div></td>
			</tr>
			<tr>
				<td>负整数：</td>
				<td><input id="int_f" type="text"></td>
				<td><div id="int_fCheck"></div></td>
			</tr>
			<tr>
				<td>数字：</td>
				<td><input id="num" type="text"></td>
				<td><div id="numCheck"></div></td>
			</tr>
			<tr>
				<td>正整数和0：</td>
				<td><input id="int_z0" type="text"></td>
				<td><div id="int_z0Check"></div></td>
			</tr>
			<tr>
				<td>负整数和0：</td>
				<td><input id="int_f0" type="text"></td>
				<td><div id="int_f0Check"></div></td>
			</tr>
			<tr>
				<td>浮点数：</td>
				<td><input id="float" type="text"></td>
				<td><div id="floatCheck"></div></td>
			</tr>
			<tr>
				<td>邮编：</td>
				<td><input id="zipcode" type="text"></td>
				<td><div id="zipcodeCheck"></div></td>
			</tr>
			<tr>
				<td>颜色：</td>
				<td><input id="color" type="text"></td>
				<td><div id="colorCheck"></div></td>
			</tr>
			<tr>
				<td>ACSII：</td>
				<td><input id="acsii" type="text"></td>
				<td><div id="acsiiCheck"></div></td>
			</tr>
			<tr>
				<td>身份证：</td>
				<td><input id="sfz" type="text"></td>
				<td><div id="sfzCheck"></div></td>
			</tr>
			<tr>
				<td>QQ：</td>
				<td><input id="qq" type="text"></td>
				<td><div id="qqCheck"></div></td>
			</tr>
			<tr>
				<td>图片：</td>
				<td><input id="picture" type="text"></td>
				<td><div id="pictureCheck"></div></td>
			</tr>
			<tr>
				<td>压缩文件：</td>
				<td><input id="rar" type="text"></td>
				<td><div id="rarCheck"></div></td>
			</tr>
			<tr>
				<td>手机：</td>
				<td><input id="phone" type="text"></td>
				<td><div id="phoneCheck"></div></td>
			</tr>
			<tr>
				<td>url：</td>
				<td><input id="url" type="text"></td>
				<td><div id="urlCheck"></div></td>
			</tr>
		</table>

	</form>
</body>
</html>

hning101
关注
正则--re模块:匹配开头/结尾(^/$)
Alien-Hu
06-06 19万+
匹配开头结尾字符功能^匹配字符串开头$匹配字符串结尾示例1：$需求：匹配163.com的邮箱地址email_list = ["xiaoWang@163.com", "xiaoWang@163.comheihei", ".com.xiaowang@qq.com"]for email in email_list: ret = re.match("[\w]{4,20}@163\.com$", em...
正则笔记
mddCSDN的博客
03-10 167
手机号：^1(3|4|5|7|8)\d{9}$ 表示以1开头，第二位可能是3/4/5/7/8等的任意一个，在加上后面的\d表示数字[0-9]的9位，总共加起来11位结束。 用户名：/^\w{8,20}$/ 汉字名字：/^[\u4E00-\u9FA5]{2,4}$/ 邮箱：/^\w+@\w+\.\w+$/ ...
常用正则表达式总结
qq_37835727的博客
08-21 1008
常用正则表达式总结
JS正则表达式完整版
热门推荐
韩利巍
07-17 9万+
目录 引言 第一章 正则表达式字符匹配攻略 1 两种模糊匹配 2. 字符组 3. 量词 4. 多选分支 5. 案例分析 第1章 小结 第二章 正则表达式位置匹配攻略 1. 什么是位置呢？ 2. 如何匹配位置呢？ 3. 位置的特性 4. 相关案例 第二章小结 第三章 正则表达式括号的作用 1. 分组和分支结构 2. 引用分组 3. 反向引用 4. 非捕获分组 ...
html js 正则表达式语法大全,JavaScript中的正则表达式总结
weixin_33142729的博客
06-04 252
定义正则表达式的方法定义正则表达式的方法有两种：构造函数定义和正则表达式直接量定义。例如：var reg1 = new RegExp('d{5, 11}'); // 通过构造函数定义var reg2 = /d{5, 12}/; // 通过直接量定义正则表达式直接量字符o：NUL字符(u0000)t：制表符(u0009)n：换行符(u000A)v：垂直制表符(u000B)f：换页符(u000C)r：...
JavaScript正则表达式总结
hjb_nice的博客
04-27 234
JavaScript正则表达式总结 了解RegExp类型： ECMAScript通过RegExp类型来支持正则表达式。 var expression=/pattern/flags; 正则表达式的模式（pattern）部分： 可以是任何简单或复杂的正则表达式，可以包含字符类，限定符，分组，向前查找，反向引用。 关于正则表达式中各种特殊字符（如 ,^,$,\w,\b 等)的含义可以参考 MDN 正则表...
正则表达式总结
数据挖掘+大数据研发+算法学习
06-03 895
目录 1.正则表达式简介 2. 正则表达式语法 2.1 普通字符 2.2 打印字符 2.3 特殊字符 2.4 限定符 2.5 定位符 2.6 选择和反向引用 3修饰符和元字符 3.1 修饰符 3.2 元字符 3.3 优先级 4 匹配规则 1.正则表达式简介 正则表达式(Regular Expression)是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"）。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的......
javascript正则表达式总结
11-23
Regexpal是一个在线Javascript正则表达式处理器，地址是:http://www.regexpal.com 学习正则重要的是实践操作，不妨举个栗子： 匹配号码：707-827-7019 字符组匹配 [0-9][0-9][0-9]-[0-9][0-9][0-9]-[0-9][0-9][0-9]...
JavaScript正则表达式函数总结（常用）
10-18
JavaScript正则表达式是JavaScript语言中用于文本匹配的特殊对象，它提供了强大的字符串处理能力。在JavaScript中，正则表达式被广泛应用于验证输入、搜索文本内容、替换文本等多种场景。这篇文章总结了JavaScript中...
JavaScript利用正则表达式替换字符串中的内容
10-20
总结一下，JavaScript中的正则表达式替换功能非常强大，通过`String.prototype.replace()`方法，配合不同的正则表达式标志，可以实现各种复杂的字符串替换需求。无论是简单的字符替换还是全局查找替换，亦或是不区分...
js中使用正则表达式查找字母和数字的方法
10-20
结合以上知识点，我们可以总结出在JavaScript中使用正则表达式查找字母和数字的方法，以及如何使用正则表达式来验证密码是否符合包含数字和字母的特定格式。通过正则表达式，我们可以灵活地构建复杂的匹配规则，轻松...
js正则表达式
叶子yes的博客
08-16 866
1、如果正则表达式中有修饰符"g",这时，在正则表达式的实例reg中会维护lastIndex属性，记录下一次开始的位置，当第二次执行exec的时候，从lastIndex开始检索。2、如果正则表达式中没有修饰符"g",不会维护lastIndex属性，每次执行从开始位置检索。...
JavaScript正则表达式：正则表达式中的特殊字符
薛定谔的猫
12-03 6175
正则表达式的组成一个正则表达式可以由简单的字符构成，比如 /abc/，也可以是简单和特殊字符的组合，比如 /ab*c/ 。其中特殊字符也被称为元字符，在正则表达式中是具有特殊意义的专用符号，如 ^ 、$ 、+ 等。特殊字符非常多，可以参考： MDN：正则表达式 - JavaScript | MDN (mozilla.org)jQuery 手册：正则表达式部分正则测试工具: 在线正则表达式测试这里我们把元字符划分几类学习 。边界符正则表达式中的边界符（位置符）用来提示字符所处的位置，主要有两个字符。 如果 ^
【网络安全 | JavaScript】正则表达式RegExp总结
等风来
04-13 1594
正则表达式是一种用于描述字符串模式的工具。通过使用正则表达式，我们可以定义一个模式，然后用来匹配、搜索或替换文本中符合该模式的部分。比如说，在用户创建用户名中，如果我们想要验证输入的用户名是否为大小写字母+数字+特殊符号+大于6位，则此时可以使用正则表达式。
python学习-08【正则表达式】
kuiini的博客
09-13 806
match 方法只对字符串匹配一次，只要在起始位置匹配到一个符合要求的字符就会返回值，并不会返回所有符合的结果。search() 方法不仅在字符串的起始位置进行搜索匹配，也会在符合条件的其他位置进行匹配。3、判断长度为 2 的字符串包含的是否是数字，可以使用==两个 []==进行判断。使用 group() 和 groups() 方法获取分组的内容。search() 方法的语法格式与 match() 方法相同。groups() 用于返回所有括号匹配的字符，并以。2、如果 [] 中的字符是连续的，就可以使用。
鸿蒙 - 判断手机号、身份证(正则表达式)
最新发布
石虎
09-14 354
【代码】鸿蒙 - 判断手机号、身份证(正则表达式)
JavaScript正则表达式完全指南
"这篇资源是关于JavaScript正则表达式的学习和总结，适合初学者和有经验的开发者复习巩固。文章提供了直接量语法和构造函数两种创建正则表达式的方法，并介绍了正则表达式的主要属性和方法，以及它们在验证和搜索中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值