Regular Expression Tester : Regular Expressions « Development « JavaScript DHTML

Home
JavaScript DHTML
1.Ajax Layer
2.Data Type
3.Date Time
4.Development
5.Document
6.Dojo toolkit
7.Event
8.Event onMethod
9.Ext JS
10.Form Control
11.GUI Components
12.HTML
13.Javascript Collections
14.Javascript Objects
15.Javascript Properties
16.jQuery
17.Language Basics
18.Mochkit
19.Mootools
20.Node Operation
21.Object Oriented
22.Page Components
23.Rico
24.Scriptaculous
25.Security
26.SmartClient
27.Style Layout
28.Table
29.Utilities
30.Window Browser
31.YUI Library
JavaScript DHTML » Development » Regular Expressions 




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.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
9.Use regular expression to validate url
10.String match pattern: (.*)
11.Whether a string is a valid phone number
12.String replace with regular expression
13.Finding a substring within a string
14.Whether a string contains only numerical data
15.Validate an email
16.Using regular expressions to validate an email
17.Using regular expression (callback function)
18.Split a string array and get token
19.Trim a string with regular expression from both sides
20.The Backslash in RegExp
21.Regular Expression Switch
22.Try your regular expression here
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.