正则表达式的验证

最新推荐文章于 2024-07-04 11:25:23 发布

MiniMilkFish

最新推荐文章于 2024-07-04 11:25:23 发布

阅读量269

点赞数

分类专栏：正则表达式 Html jQuery 文章标签：正则表达式字母数字汉字下划线 jquery

本文链接：https://blog.csdn.net/u010515294/article/details/45700425

版权

正则表达式同时被 3 个专栏收录

1 篇文章 0 订阅

订阅专栏

Html

1 篇文章 0 订阅

订阅专栏

jQuery

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta http-equiv="Content-Language" content="zh-CN" />
 <title> New Document </title>
 <script src="__PUBLIC__/Js/jquery-1.8.3.min.js"></script>
<script>
	$(document).ready(function(){
		$("#regex").css("width",300);
		var $tel = new RegExp($("#regex").val());
		$("#btn").click(function(){
			if($tel.test($("#regexValidate").val())){
				alert("nice!");
			}else{
				alert("Oh No");
			}
		});
	});
</script>
 
</head>
<body>
	<!-- 默认：只含有汉字、数字、字母、下划线不能以下划线开头和结尾的正则表达式 -->
	<span>正则表达式：</span>
	<input type="text" id="regex" value="^(?!_)(?!.*?_$)[a-zA-Z0-9_\u4e00-\u9fa5]+$" />
	<br></br>
	<input type="text" id="regexValidate" value=""></input>
	<input type="button" id="btn" value="验证"/>
</body>
</html>

正则表达式的即时验证哦