js正则表达式总结

最新推荐文章于 2024-11-07 16:16:00 发布
最新推荐文章于 2024-11-07 16:16:00 发布
阅读量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 177
手机号：^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+$/ ...
JavaScript正则表达式语法及使用
qq_36625820的博客
09-04 639
本文总结了正则表达式的语法，告诉大家应该如何去定义和使用正则表达式。
常用正则表达式总结
qq_37835727的博客
08-21 1045
常用正则表达式总结
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 265
定义正则表达式的方法定义正则表达式的方法有两种：构造函数定义和正则表达式直接量定义。例如：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 244
JavaScript正则表达式总结 了解RegExp类型： ECMAScript通过RegExp类型来支持正则表达式。 var expression=/pattern/flags; 正则表达式的模式（pattern）部分： 可以是任何简单或复杂的正则表达式，可以包含字符类，限定符，分组，向前查找，反向引用。 关于正则表达式中各种特殊字符（如 ,^,$,\w,\b 等)的含义可以参考 MDN 正则表...
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()`方法，配合不同的正则表达式标志，可以实现各种复杂的字符串替换需求。无论是简单的字符替换还是全局查找替换，亦或是不区分...
JavaScript中的正则表达式简明总结
10-26
JavaScript中的正则表达式是一种强大的文本匹配工具，它允许用户通过定义规则来寻找特定模式的字符串。在JavaScript中，正则表达式主要通过两种方式定义：构造函数定义和直接量定义。构造函数定义使用RegExp对象，如...
常见正则表达式总结
weixin_70091395的博客
09-08 1102
每次要使用的时候都要去查资料，太多了根本记不住，这里我把资料的总结拿出来了，希望能帮上忙。
正则表达式总结
数据挖掘+大数据研发+算法学习
06-03 915
目录 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 之间的字母）和特殊字符（称为"元字符"）。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的......
js正则表达式
叶子yes的博客
08-16 889
1、如果正则表达式中有修饰符"g",这时，在正则表达式的实例reg中会维护lastIndex属性，记录下一次开始的位置，当第二次执行exec的时候，从lastIndex开始检索。2、如果正则表达式中没有修饰符"g",不会维护lastIndex属性，每次执行从开始位置检索。...
使用正则表达式验证积累
白高林的专栏
10-31 284
使用正则表达式验证输入格式
正则表达式在Kotlin中的应用：提取图片链接
最新发布
Z_suger7的博客
11-07 477
在现代的Web开发中，经常需要从网页内容中提取特定的数据，例如图片链接。Kotlin作为一种现代的编程语言，提供了强大的网络请求和文本处理能力。本文将介绍如何使用Kotlin结合正则表达式来提取网页中的图片链接。正则表达式基础正则表达式是一种强大的文本处理工具，它通过定义一系列的规则来匹配字符串中的特定模式。在Kotlin中，我们可以使用包中的类来使用正则表达式。关键类和方法Pattern：定义正则表达式的规则。Matcher：对输入的字符串进行正则匹配。：编译正则表达式规则。
JavaScript正则表达式完全指南
"这篇资源是关于JavaScript正则表达式的学习和总结，适合初学者和有经验的开发者复习巩固。文章提供了直接量语法和构造函数两种创建正则表达式的方法，并介绍了正则表达式的主要属性和方法，以及它们在验证和搜索中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值