復制代碼代碼如下:
<!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" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="author" content="wangorg(at)gmail.com,夢遲" />
<meta name="Copyright" content="mengchi.cn,轉載請注明出處，作者夢遲原創。" />
<meta name="description" content="閑來無事，做了個測試正則表達式的工具，轉載請注明出處." />
<meta content="夢遲,在線測試,正則表達式,mengchi,正則,工具" />
<title>在線測試正則表達式工具-夢遲出品</title>
<script type="text/javascript">
function mengchi(){
var a=document.getElementById("mc1").value;
var b=document.getElementById("mc2").value;
var c=new RegExp(a,"g");
document.getElementById("mc3").value="";
pipei.innerHTML="匹配結果：0";
var arrMactches = b.match(c);
for (var i=0;i < arrMactches.length ; i++){
if (a!=""){
ee=document.getElementById("mc3").value+"/n"+arrMactches[i];
document.getElementById("mc3").value=ee;
pipei.innerHTML="匹配結果："+(i+1);
}
}
document.getElementById("mc3").value=document.getElementById("mc3").value.replace("/r/n","");
}
function charu (text) {
document.all.mc1.focus();
event.srcElement.document.selection.createRange().text += text;
document.all.mc1.blur();
}
function qingchu () {
document.getElementById("mc1").value="";
}
</script>
</head>
<!--body部代碼開始，作者夢遲（mengchi.cn）轉載請注明出處-->
<body>
<p>正則表達式：</p>
<p>
<input name="mc1" type="text" id="mc1" size="88" onblur="mengchi();"/>
</p>
<p>
<input type="button" value="^" onclick="charu('^');">
<input type="button" value="[" onclick="charu('[');">
<input type="button" value="a-z" onclick="charu('a-z');">
<input type="button" value="0-9" onclick="charu('0-9');">
<input type="button" value="]" onclick="charu(']');">
<input type="button" value="+" onclick="charu('+');">
<input type="button" value="*" onclick="charu('*');">
<input type="button" value="?" onclick="charu('?');">
<input type="button" value="." onclick="charu('.');">
<input type="button" value="/" onclick="charu('//');">
<input type="button" value="w" onclick="charu('w');">
<input type="button" value="b" onclick="charu('b');">
<input type="button" value="d" onclick="charu('d');">
<input type="button" value="f" onclick="charu('f');">
<input type="button" value="n" onclick="charu('n');">
<input type="button" value="{" onclick="charu('{');">
<input type="button" value="," onclick="charu(',');">
<input type="button" value="}" onclick="charu('}');">
<input type="button" value="$" onclick="charu('$');">
<input type="button" value="清除" onclick="qingchu();">
</p>
<p>處理數據：</p>
<p>
<textarea name="mc2" cols="88" rows="10" id="mc2" onblur="mengchi();"></textarea>
</p>
<p>處理結果：</p>
<p>
<textarea name="mc3" cols="88" rows="10" id="mc3" onblur="mengchi();"></textarea>
</p>
<p>
<span id="pipei"></span>
</p>
</body>
</html>
