正则表达式测试

最新推荐文章于 2023-07-18 21:47:40 发布

Archer_An

最新推荐文章于 2023-07-18 21:47:40 发布

阅读量864

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/haandxc/article/details/50894428

版权

JavaScript 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

正则表达式测试：

使用正则表达式的语法正确需要一定的思考和时间，本实例中创建一个简单的正则表达式测试器，以简化编码。

具体编码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Regular Expression Tester</title>
<style type="text/css">
body,td,th{
     font-family:Arial,Helvetica,sans-serif;
}
</style>


<script type="text/javascript">
   function getRegExpFlags()
   {
      var regExpFlags = '';
	  if(document.form1.chkGlobal.checked)
	  {
	     regExpFlags = 'g';
	  }
	  
	  if(document.form1.chkCaseInsensitive.checked)
	  {
	     regExpFlags += 'i';
	  }
	  
	  if(document.form1.chkMultiLine.checked)
	  {
	     regExpFlags += 'm';
	  }
	  
	  return regExpFlags;  
   }
   
   function doTest()
   {
      var testRegExp=new RegExp(document.form1.txtRegularExpression.value,getRegExpFlags());
	  if(testRegExp.test(document.form1.txtTestString.value))
	  {
	     document.form1.txtTestResult.value = "Match Found!";
	  }
	  else
	  {
	     document.form1.txtTestResult.value = "Match NOT Found!";
	  }
   }
   
   function findMatches()
   {
       var testRegExp=new RegExp(document.form1.txtRegularExpression.value,getRegExpFlags());
	   var myTestString=new String(document.form1.txtTestString.value);
	   var matchArray = myTestString.match(testRegExp);
	   document.form1.txtTestResult.value=matchArray.join('\n');
   }
   
</script>
</head>

<body>
    <form id="form1" name="form1" method="post" action="">
	   <p>
	      Regular Expression:<br/>
		  <label>
		      <input name="txtRegularExpression" type="text" id="txtRegularExpression" size="100" value=" "/>
			  <br/>
			  Global
			  <input name="chkGlobal" type="checkbox" id="chkGlobal" value="true"/>
		  </label>
		  
		  Case Insensitive
		  <label>
		      <input name="chkCaseInsensitive" type="checkbox" id="chkCaseInsensitive" value="true"/>
		  </label>
		  
		  Multi Line
		  <label>
		      <input name="chkMultiLine" type="checkbox" id="chkMultiLine" value="true"/>
		  </label>
	   </p>
	   
	   <p>
	      <label>
		      Test Text:<br/>
			  <textarea name="txtTestString" id="txtTestString" cols="100" rows="8"></textarea>
		  <label>
	   </p>
	   
	     <p>
		      Result:<br/>
			  <textarea name="txtTestResult" id="txtTestResult" cols="100" rows="8"></textarea>
	     </p>
		 
		 <p>
		    <label>
			    <input type="button" name="cmdTest" id="cmdTest" value="TEST" οnclick="doTest();"/>
			</label>
			
			<label>
			    <input type="button" name="cmdMatch" id="cmdMatch" value="MATCH" οnclick="findMatches();"/>
			</label>
			
			<label>
			    <input type="button" name="cmdClearForm" id="cmdClearForm" value="Reset Form"/>
			</label>
		 </p>
		 
		 <p> </p>
	</form>
</body>
</html>

具体效果如下：

Archer_An

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
正则表达式测试

正则表达式测试：使用正则表达式的语法正确需要一定的思考和时间，本实例中创建一个简单的正则表达式测试器，以简化编码。具体编码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">
复制链接

扫一扫