Sheridan :: Web Technologies SYST28043

FORM VALIDATION JAVASCRIPT SAMPLE

It is a little more efficient to validate form fields on the client otherwise all the data gets sent to the server and the server has to validate and send back an alert message if there is one. So here is how you can check to see if the name field is filled in and the postal code and e-mail are in proper format. There is a simple check and complex check for the e-mail:

Testing strings is most efficiently done with Regular Expressions:
DevEdge JavaScript Regular Expressions

In the text box below is the code less the script tags:

The form code looks like this but would get a proper action:

<form action="">
<table>
<tr><td align=right>Name: </td><td> <input type=text name="fullname"></td></tr>
<tr><td align=right>Postal Code: </td><td> <input type=text name="postal"></td></tr>
<tr><td align=right>E-mail: </td><td> <input type=text name="email"></td></tr>
<tr><td></td><td><input type="submit" value="Submit" onclick="myValidate(this.form); return false;"></td></tr>
</table>
</form>

Sheridan - School of Applied Computing and Engineering Sciences - Web Technologies