The Regular Expression Tester : Regular Expressions « Development « JavaScript DHTML

The Regular Expression Tester

   

/*
JavaScript Unleashed, Third Edition
by Richard Wagner and R. Allen Wyke 

ISBN: 067231763X
Publisher Sams CopyRight 2000

*/


<html>
<head>
<title>Regular Expression Tester</title>
   
<script language="JavaScript">
<!-- begin script
   
// The function searches for the pattern in searchStr
function searchForPattern(searchStr,pattern,REattributes,theResult)
{

  //Create Regular Expression Object
  var regExpObj = new RegExp(pattern,REattributes);
   
  //Populate the result field with the result of the search
  theResult.value = regExpObj.exec(searchStr);
}
   
// This function replaces all occurances of the pattern in
// searchStr with replaceStr
function replacePattern(searchStr,replaceStr,pattern,REattributes,theResult)
{
  //Create Regular Expression Object
  var regExpObj = new RegExp(pattern,REattributes);
   
  //Populate the result field with the result of the search
  theResult.value = searchStr.replace(regExpObj,replaceStr);
}
   
// This function clears all the fields in the page
function clearFields(field1, field2, field3, field4, field5)
{
  field1.value = "";
  field2.value = "";
  field3.value = "";
  field4.value = "";
  field5.value = "";
}
   
// end script -->
</script>
</head>
   
<body>
<center>
<h1>Regular Expression Tester</h1>
<form name="myForm"">
<table board=0>
  <tr align=right>
    <td>Search String:</td>
    <td><input type="text" name="searchString"></td>
  </tr>
  <tr align=right>

    <td>Replace String:</td>
    <td><input type="text" name="replaceString"></td>
  </tr>
  <tr align=right>
    <td>Attributes:</td>
    <td><input type="text" name="REattributes"></td>
  </tr>
  <tr align=right>
    <td>Pattern:</td>
    <td><input type="text" name="pattern"></td>
  </tr>
</table>
<br>
<input type="button"
       value="Search for pattern"
       onClick="searchForPattern(searchString.value,
                                 pattern.value,
                                 REattributes.value,
                                 result)">
<input type="button"
       value="Replace pattern"
       onClick="replacePattern(searchString.value,
                                 replaceString.value,
                                 pattern.value,
                                 REattributes.value,
                                 result)">
<input type="button"
       value="Clear"
       onClick="clearFields(searchString,
                            replaceString,
                            pattern,
                            REattributes,
                            result)">
<br><hr><br>
Result: <input type="text" name="result">
   
</center>
</body>
</html>

1.	Searching and Replacing Substrings
2.	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

The Regular Expression Tester : Regular Expressions « Development « JavaScript DHTML

Related examples in the same category