Hi,
I'm working the Regular Expression Tester exercise in chapter 9. I believe I have the code entered correctly, but the functions are not recognizing the text fields.
<code>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" >
<head>
<title>Regular Expression Tester</title>
<style type="text/css">
body,td,th {
font-family: Arial, Helvetica, sans-serif;
</style>
<script type="text/javascript">
function getRegExpFlags()
{
var regExpFlags = "";
if ( document.form1.chkGlobal.checked )
{
regExpFlags = "g";
}
if ( document.form1.chkCaseInsensitive.checked )
{
regExpFlags = "i";
}
if ( document.form1.chkMultiline.checked )
{
regExpFlags = "m";
}
return regExpFlags;
}
function doTest()
{
var testRegExp = new RegExp(document.form1.txtRegularExpression.value,
getRegExpFlags());
if ( testRegExp.text(document.form1.txtTestString.value ) )
{
document.form1.txtTestResult.value = "Match Found";
}
else
{
document.form1.txtTestResult.value = "Match NOT Found";
}
}
function findMatches()
{
var testRegExp = new RegExp(document.form1.txtRegularExpression.value,
getRegExpFlags());
var myTestString = new String(document.form1.txtTestString.value);
var mymatchArray = myTestString.match(testRegExp);
document.form1.txtTestResult.value = matchArray.join('\n');
}
</script>
</head>
<body>
<form id="form1" method="post" action="">
<p>
Regular Expression:<br />
<label>
<input name="txtRegularExpression" type="text" id="txtRegularExpression"
size="100px" value="" />
Global
<input name="chkGlobal" type="checkbox" id="chkGlobal" value="true" />
</label>
Case Insensitive
<label>
<input name="chkCaseInsensitve" type="checkbox" id="chkCaseInsensitive"
value="true" />
</label>
MultiLine
<label>
<input name="chkMultiline" type="checkbox" id="chkMultiline" value="true" />
</label>
</p>
<p>
<label>
Test Text:<br />
<textarea name="txtTestString" id="txtTestString" cols="100"
rows="8"></textarea>
</label>
</p>
<p>Result:<br />
<textarea name="txtTestResult" id="txtTestResult" cols="100"
rows="8"></textarea>
</p>
<p>
<label>
<input type="button" name="cmdTest" id="cmdTest" value="TEST"
onclick="doTest()" />
</label>
<label>
<input type="button" name="cmdMatch" id="cmdMatch" value="MATCH"
onclick="findMatches" />
</label>
<label>
<input type="reset" name="cmdClearForm" id="cmdClearForm" value="Reset Form" />
</label>
</p>
<p> </p>
</form>
</body>
</html>
</code>
Any help ...
Tom
Control names not recognized
