The JavaScript instructions are shown below in bold.

<HTML>
<HEAD>
<TITLE>JavaScript Demo Example 9 Alternate HTML</TITLE>
<script language="javascript" type="text/javascript">
<!-- Hide script from older browsers

function Validate(numberForm) {
var numberEntered = document.numberForm.valueEntered.value;
if( isNaN(numberEntered)) {
alert("You entered a non-digit character. Please try again.") }
else
if( (numberEntered<1) || (numberEntered>50) ) {
alert("The number you entered is not between 1 and 50. Please try again.") }
else {
alert("Thank you for entering a number between 1 and 50.") }
document.numberForm.valueEntered.value = "";
document.numberForm.valueEntered.focus()
}

//-->
</script>

</HEAD>
<BODY BGCOLOR="WHITE">

<h3>Validate data and provide immediate feedback.
<a href="example_9_html.htm">View source.</a></h3>
<form name="numberForm">
<p><b>Please enter a number between 1 and 50 and click the Enter button.</b></p>
<input type="text" name="valueEntered" size="5"
onchange="Validate(numberForm);document.numberForm.valueEntered.focus()">
<input type="button" name="Enter" action="none" value="Enter">
</form>
<p>&nbsp;</p>
<p><a href="JavaScriptDemo.htm">Return to Having Fun with JavaScript</a>.</p>

</BODY>
</HTML>

 

Return to Example 9 Alternate.