Previous Example-|-Next
Example-|-Return to Chapter Listing
Example 17.8:
Not Too Long, Nor Too Short
This is supposed to be a 3-digit number, but type something
longer, then try something shorter:
Now click on this button in the second form:
You'll see the text in the third form:
This is the script we used. In the HEAD...
<![CDATA[
<script language="JAVASCRIPT">
<!--
function Length() {
var sCheck = document.fred.elements[0].value
if (sCheck.length > 3 || sCheck.length < 3) {
alert("You must type 3 characters: no more, no less")
}
else {
Pass()
}
}
function Pass() {
var sCheck = document.fred.elements[0].value
nCheck = parseInt(sCheck, 10)
if (nCheck <=99 || nCheck == 0) {
alert("This is not a 3-digit number.")
}
else {
if (nCheck >= 100) {
if (nCheck >=201) {
alert("You entered a number that's too high. You must enter a number within the range of 100 to 200 inclusive.")
}
else {
document.joe.elements[0].value = nCheck }
}
}
}
//-->
</script>
]]>
Then these forms:
<![CDATA[
<form name="fred">
<p><input type="text" size="3"></p>
</form>
<p><i>Now click on this button in the second form:</i> </p>
<form>
<p><input type="button"
value="Check the Text and Pass if Equal to or Between 100 and 200"
onclick="Length()"> </p>
</form>
<p><i>You'll see the text in the third form:</i> </p>
<form name="joe">
<p><input type="text" size="30"></p>
</form>
]]>
Also, at the bottom of the form we moved focus to the text box
with this:
<![CDATA[
<script language="JAVASCRIPT">
<!--
document.fred.elements[0].focus()
//-->
</script>
]]>
Previous Example-|-Next
Example-|-Return to Chapter Listing