Scribd
Upload
153 views6 pages

Css Practical 6

This document contains a program to validate a form on the client side using JavaScript. The program defines a validate() function that checks for empty or invalid fields like name, email, zip code, country, and branch. It also checks that the phone number is 10 digits. If any validation checks fail, an alert is displayed to the user and the form is not submitted.

Uploaded by

Shekhar Jadhav
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
153 views6 pages

Css Practical 6

This document contains a program to validate a form on the client side using JavaScript. The program defines a validate() function that checks for empty or invalid fields like name, email, zip code, country, and branch. It also checks that the phone number is 10 digits. If any validation checks fail, an alert is displayed to the user and the form is not submitted.

Uploaded by

Shekhar Jadhav
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/ 6

COMPUTER ENGINEERING DEPARTMENT

Subject: Client Side Scripting Subject Code: 22519


Semester: 5th Course:
Laboratory No: L001B Name of Subject Teacher:
Name of Student: Roll Id:

Experiment No: 6
Title of Experiment Create Form using form element.

Theory:

Form validation normally used to occur at the server, after the client had entered all
the necessary data and then pressed the Submit button. If the data entered by a
client was incorrect or was simply missing, the server would have to send all the
data back to the client and request that the form be resubmitted with correct
information. This was really a lengthy process which used to put a lot of burden on
the server.
JavaScript provides a way to validate form's data on the client's computer before
sending it to the web server. Form validation generally performs two functions.
 Basic Validation − First of all, the form must be checked to make sure all the mandatory
fields are filled in. It would require just a loop through each field in the form and check
for data.
 Data Format Validation − Secondly, the data that is entered must be checked for
correct form and value. Your code must include appropriate logic to test correctness of
data.

Program:

<html>

<head>

<title>Form Validation</title>

<script type="text/javascript">

function validate()

Page | 1
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;

varemailID = document.myForm.EMail.value;

atpos = emailID.indexOf("@");

dotpos = emailID.lastIndexOf(".");

if (atpos< 1 || ( dotpos - atpos< 2 ))

alert("Please enter correct email ID")

document.myForm.EMail.focus() ;

return false;

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

isNaN(document.myForm.Zip.value ) ||

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

Page | 2
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;

if(document.myForm.Branch.value == "-1" )

alert( "Please provide your Branch!" );

return false;

var x = document.myForm.PHONENO.value;

//rrtty=Phoneno.value.length!=10

if (x.length!=10)

alert("enter 10 characters");

return false;

alert("you have registor successfully");

return( true );

Page | 3
}

alert("you have registor successfully");

</script>

</head>

<body>

<form action="/cgi-bin/test.cgi" name="myForm"

onsubmit="valid" method="get">

<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>

Page | 4
<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">Select Branch</td>

<td>

<select name="Branch">

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

<option value="1">Information Technology</option>

<option value="2">Computer Engneering</option>

<option value="3">Electronic & Telecommunication</option>

</select>

</td>

</tr>

<tr>

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

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

</tr>

<tr>

gender: <input type="radio" name="gender" value="male" selected>Male

Page | 5
<input type="radio" name="gender" value="male" selected>female

<input type="radio" name="gender" value="male" selected>other

</tr>

<tr>

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

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

</tr>

</table>

</form>

</body>

</html>

Output

Grade and P1(35M) P2 (15M) Total ( 50 M) Dated Sign


Dated
Signature of
Teacher

Page | 6

You might also like