Regular Expression Tester

Regular Expression Tester : Regular Expressions : Development JAVASCRIPT DHTML TUTORIALS

JAVASCRIPT DHTML TUTORIALS » Development » Regular Expressions »




/*
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>