Validating User Input : Validation « Form Control






<html>

<head>

<title>Form validation</title>

<script language="JavaScript">

<!-- script start

function validateComplete(formObj) {

     if (emptyField(formObj.firstName))

          alert("Please enter your first name.");

     else if (emptyField(formObj.lastName))

          alert("Please enter your last name.");

     else if (emptyField(formObj.address1)

          && emptyField(formObj.address2))

          alert("Please enter your address.");

     else if (emptyField(formObj.city))

          alert("Please enter your city or town.");

     else if (emptyField(formObj.state))

          alert("Please enter your state.");

     else if (emptyField(formObj.email))

          alert("Please enter your E-mail address.");

     else return true;

   

     return false;

}

   

// Check to see if field is empty

function emptyField(textObj)

{

     if (textObj.value.length == 0) return true;

     for (var i=0; i<textObj.value.length; ++i) {

          var ch = textObj.value.charAt(i);

          if (ch != ' ' && ch != '\t') return false;

     }

     return true;

}

   

// script end -->

</script>

</head>

<body>



<h1>form validation</h1>

<form name="myform" action="actionURL" method="post" onSubmit="return validateComplete(document.myform)">

<pre>

First Name:<input type="text" name="firstName">

Last Name: <input type="text" name="lastName">

Address:   <input type="text" name="address1">

           <input type="text" name="address2">

</pre>

   

City/Town:

<input type="text" name="city" size=12>

State:

<input type="text" name="state" size=2>

Zip Code:

<input type="text" name="zip" size=5>

   

<pre>

Home Phone:<input type="text" name="homePhone" size=12>

Work Phone:<input type="text" name="workPhone" size=12>

FAX:       <input type="text" name="FAX" size=12>

E-mail Address: <input type="text" name="email">

Quest:          <input type="text" name="quest">

Favorite Color: <input type="text" name="favColor">

</pre>

<hr>

<input type="submit" name="submit" value="Submit">

</form>

<body>

<html>
Validating User Input : Validation « Form Control « JavaScript DHTML
