Regular Expression Tester : JavaScript DHTML examples (example source code) » Development » Regular Expressions

JavaScript DHTML
C++
Java Products
Java Articles
JavaScript DHTML Home  »   Development   » [  Regular Expressions  ]   
 



Regular Expression Tester

Please note that some example is only working under IE or Firefox.


/*
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.checkedflags += "g"
 if(document.rexForm.ignore.checkedflags += "i"
 if(document.rexForm.multiline.checkedflags += "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
1.  Searching and Replacing Substrings
2.  The Regular Expression Tester
3.  Regular Expression Match Workshop
4.  Regular Expressions: Looking for a Match
5.  Regular Expressions: Extracting Data from a Match
6.  Regular Expressions: Replacing Strings via Regular Expressions
7.  check Date format
8.  Split comma number string








Home| Contact Us
Copyright 2003 - 04 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.