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