Searching and Replacing Substrings : Regular Expressions « Development « JavaScript DHTML






  1. JavaScript DHTML
  2. Development
  3. Regular Expressions

Searching and Replacing Substrings

   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/tr/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- 
     Example File From "JavaScript and DHTML Cookbook"
     Published by O'Reilly & Associates
     Copyright 2003 Danny Goodman
-->
<html>
<head>
<title>Recipe 1.7</title>
<link rel="stylesheet" id="mainStyle" href="../css/cookbook.css" type="text/css" />
<script language="JavaScript" type="text/javascript">
function doSR(form) {
  var searchStr = form.srchText.value;
  var re = new RegExp(searchStr, "g");
  var replaceStr = form.replaceText.value;
  var div = document.getElementById("boilerplate");
  div.firstChild.nodeValue = div.firstChild.nodeValue.replace(re, replaceStr);
}
</script>
</head>
<body>
<h1>1.7. Searching and Replacing Substrings</h1>
<hr />
<form action="" onsubmit="return false">
Search for: <input type="text" id="srchText" name="srchText" size="30" value="\(ph\)" /><br />
Replace with: <input type="text" id="replaceText" name="replaceText" size="30" value="PLACEHOLDER REPLACEMENT" /><br />
<div class="buttons"><input type="reset" value="Reset Form" />&nbsp;&nbsp;<input type="button" value="Search and Replace"
onclick="doSR(this.form)" /></div>
</form>
<h2>Boilerplate Text</h2>
<p id="boilerplate">Lorem ipsum dolor sit (ph) amet, consectetaur adipisicing 
elit, sed (ph) do eiusmod (ph) tempor incididunt ut labore et dolore magna 
aliqua. Ut enim adminim veniam, quis (ph) nostrud exercitation ullamco (ph) 
laboris nisi ut aliquip ex ea commodo consequat.</p>
</body>
</html>








Related examples in the same category

1.Regular Expression Tester
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