Regular Expression Tester
/*
Mastering JavaScript, Premium Edition
by James Jaworski
ISBN:078212819X
Publisher Sybex CopyRight 2001
*/
<HTML>
<HEAD>
<TITLE>Regular Expression Tester</TITLE>
<SCRIPT LANGUAGE="JavaScript"><!--
function accessFormElements() {
flags = ""
if(document.rexForm.global.checked) flags += "g"
if(document.rexForm.ignore.checked) flags += "i"
if(document.rexForm.multiline.checked) flags += "m"
re = new RegExp(document.rexForm.rex.value,flags)
rep = document.rexForm.replacement.value
str = document.rexForm.testString.value
res = document.rexForm.resultString
}
function searchExp() {
accessFormElements()
searchResult = str.search(re)
if(searchResult==-1)
res.value = re + " not found."
else
res.value = re + " found at position " + searchResult + "."
}
function replaceExp() {
accessFormElements()
res.value = str.replace(re,rep)
}
//--></SCRIPT>
</HEAD>
<BODY>
<FORM NAME="rexForm">
<TABLE BORDER="0">
<TR><TD><B>Regular Expression:</B></TD><TD>
<INPUT TYPE="TEXT" SIZE="30" NAME="rex">
<INPUT TYPE="CHECKBOX" NAME="global"><B>Global Match</B>
<INPUT TYPE="CHECKBOX" NAME="ignore"><B>Ignore Case</B>
<INPUT TYPE="CHECKBOX" NAME="multiline"><B>Multiline</B></TD></TR>
<TR><TD><B>Replacement String:</B></TD><TD>
<INPUT TYPE="TEXT" SIZE="30" NAME="replacement">
<INPUT TYPE="BUTTON" VALUE="Search" NAME="search"
onClick="searchExp()">
<INPUT TYPE="BUTTON" VALUE="Replace" NAME="replace"
onClick="replaceExp()"></TD></TR>
<TR><TD><B>Test String:</B></TD><TD>
<TEXTAREA ROWS="5" COLS="70" NAME="testString">
This is an example text string for use in search and replace
operations. This string contains a 12345 five-digit number.
This string contains a 123-4567 seven digit number with
an embedded hyphen.
</TEXTAREA></TD></TR>
<TR><TD><B>Result:</B></TD><TD>
<TEXTAREA ROWS="5" COLS="70" NAME="resultString">
</TEXTAREA></TD></TR>
</TABLE>
</FORM>
</BODY>
</HTML>
Related examples in the same category