Scribd
Upload
3 views3 pages

Validating forms with JavaScript

The document provides a simple HTML form with JavaScript validation for user inputs including name, email, zip code, and country. It includes functions to alert users if they fail to provide necessary information or if the zip code is not in the correct format. The form is designed to ensure that all fields are properly filled before submission.

Uploaded by

soft
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3 views3 pages

Validating forms with JavaScript

The document provides a simple HTML form with JavaScript validation for user inputs including name, email, zip code, and country. It includes functions to alert users if they fail to provide necessary information or if the zip code is not in the correct format. The form is designed to ensure that all fields are properly filled before submission.

Uploaded by

soft
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Validating forms with JavaScript

NB: after attempting the example below, add validation code to the form we created in the CSS
practical

<html>

<head>

<title>Form Validation</title>

<script type = "text/javascript">

// Form validation code will come here.

function validate() {

if( document.myForm.Name.value == "" ) {

alert( "Please provide your name!" );

document.myForm.Name.focus() ;

return false;

if( document.myForm.EMail.value == "" ) {

alert( "Please provide your Email!" );

document.myForm.EMail.focus() ;

return false;

if( document.myForm.Zip.value == "" || isNaN( document.myForm.Zip.value ) ||

document.myForm.Zip.value.length != 5 ) {

alert( "Please provide a zip in the format #####." );

document.myForm.Zip.focus() ;

return false;

}
if( document.myForm.Country.value == "-1" ) {

alert( "Please provide your country!" );

return false;

return( true );

</script>

</head>

<body>

<form action = "/cgi-bin/test.cgi" name = "myForm" onsubmit = "return(validate());">

<table cellspacing = "2" cellpadding = "2" border = "1">

<tr>

<td align = "right">Name</td>

<td><input type = "text" name = "Name" /></td>

</tr>

<tr>

<td align = "right">EMail</td>

<td><input type = "text" name = "EMail" /></td>

</tr>

<tr>

<td align = "right">Zip Code</td>

<td><input type = "text" name = "Zip" /></td>

</tr>
<tr>

<td align = "right">Country</td>

<td>

<select name = "Country">

<option value = "-1" selected>[choose yours]</option>

<option value = "1">USA</option>

<option value = "2">UK</option>

<option value = "3">INDIA</option>

</select>

</td>

</tr>

<tr>

<td align = "right"></td>

<td><input type = "submit" value = "Submit" /></td>

</tr>

</table>

</form>

</body>

</html>

You might also like