Week 4 - 341v4.htm

function clearField(field) {
     if (field.value == field.defaultValue) field.value = "";
}

function checkField(field) {
     if (field.value == "") field.value = field.defaultValue;
}

function checkAge(age) {
     if (age.value != "" && isNaN(age.value)) {
          alert("Your age should be a number only. Thanks");
          age.value = age.defaultValue;
     }
     else if (age.value != "" && (age.value < 18 || age.value > 21) ) {
          alert("Sorry, you need to be between 18 & 21");
          age.value = age.defaultValue;
     }

     if (age.value == "") {
          age.value = age.defaultValue;
     }
}

</SCRIPT>

<FORM>
     <INPUT TYPE="text" NAME="name" VALUE="Name"
       onFocus="clearField(this);" onBlur="checkField(this);">
     <INPUT TYPE="text" NAME="email" VALUE="E-mail Address"
       onFocus="clearField(this);" onBlur="checkField(this);">
     <INPUT TYPE="text" NAME="age" VALUE="Your Age"
       onFocus="checkField(this);" onBlur="checkAge(this);">
</FORM>