使用new RegExp()创建正则表达式对象的方法时遇到的问题

最新推荐文章于 2024-09-09 09:35:48 发布

轻狂渊明

最新推荐文章于 2024-09-09 09:35:48 发布

阅读量1.1k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/TMY5555/article/details/108474322

版权

创建正则表达式对象的方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>DOM编程-关于正则表达式</title>
	</head>
	<body>
		<script type="text/javascript">
			/*
			   怎么创建正则表达式对象的方法：
			     第一种创建方式：
				    var regExp = /正则表达式/flags;
			     第二种创建方式：使用内置支持类RegExp
				    var regExp = new RegExp("正则表达式","flags");
			*/		
			
		   window.onload = function(){
			   document.getElementById("btn").onclick = function(){
				   var email = document.getElementById("email").value;
				   var emailRegExp = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
				   //var emailRegExp = new RegExp("^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$"); 
				   //问题：使用new创建，无论怎样填邮箱test()返回值都是都是false！！！
				   var ok = emailRegExp.test(email);
				   if(ok){
					   //合法
					   document.getElementById("ee").innerText="邮箱地址合法";
				   }else{
					   //不合法
					   document.getElementById("ee").innerText="邮箱地址不合法";
				   }
			   }
			   
			   document.getElementById("email").onfocus = function(){
				   document.getElementById("ee").innerText = "";
			   }
		   }
		</script>
		
		<input type="text" id="email" />
		<span id="ee" style="color:red; font-size: 12px;"></span>
		<br>
		<input type="button" value="验证邮箱" id="btn" />
	</body>
</html>

轻狂渊明

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用new RegExp()创建正则表达式对象的方法时遇到的问题

创建正则表达式对象的方法<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>DOM编程-关于正则表达式</title> </head> <body> <script type="text/javascript"> /* 怎么创建正则表达式对象的方法：第一种创建方式：
复制链接

扫一扫