正则表达式测试

来源：互联网发布：白鹿原停播知乎编辑：程序博客网时间：2024/05/17 23:03

正则表达式测试：

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

具体编码如下：

<!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" onclick="doTest();"/></label><label>    <input type="button" name="cmdMatch" id="cmdMatch" value="MATCH" onclick="findMatches();"/></label><label>    <input type="button" name="cmdClearForm" id="cmdClearForm" value="Reset Form"/></label> </p>  <p> </p></form></body></html>

具体效果如下：

1 0