Question: You are required to make an HTML page , That page will contain aFORM a
ID: 3610290 • Letter: Q
Question
Question:
You are required to make an HTML page , That page will contain aFORM as shown below in Figure 1
Important notes about the above page,
Checks to be performed using java script.
As soon as you will move your mouse pointer over theSubmit Button,
1)
If the First Name is empty it will display a message First NameFiled is empty , like
2) If the Last Name is empty it will display a message Last NameFiled is empty , like
4) Date of Birth, Email Address and Address can beempty.
4) You will submit form to http://www.vu.edu.pk.
Explanation / Answer
<html> <head> <title>My Personal Information</title> </head> <script> function validate() { if(document.form1.first_name.value.length<1) { alert("First Name Field isEmpty"); } elseif(document.form1.last_name.value.length<1) { alert("Last Name Field isEmpty"); } elseif(document.form1.VU_ID.value.length<1) { alert("VU ID Field isEmpty"); } elseif(document.form1.last_name.value.length<1) { alert("Last Name Field isEmpty"); } }</script> <body bgcolor="gray" text="white"> <h1>Virtual University of Pakistan<br> </h1> <h2>My Personal Information</h2> <form name="form1" action="http://www.vu.edu.pk"> <table border="0" cellspacing="2"cellpadding="0"> <tr> <td><label>First Name:</label></td> <td><input type="text" name="first_name" size="24"maxlength="10"/></td> </tr> <tr> <td><label>Last Name:</label></td> <td><input type="text" name="last_name" size="24"maxlength="10"/></td> </tr> <tr> <td><label>VU ID : </label></td> <td><input type="text" name="VU_ID" size="24"/></td> </tr> <tr> <td><label>Date of Birth :</label></td> <td><input type="text" name="dob" size="24"/></td> </tr> <tr> <td><label>City : </label></td> <td><input type="text" name="city" size="24"value="Rawalpindi"/></td> </tr> <tr> <td><label>Email Address :</label></td> <td><input type="text" name="email" size="24"/></td> </tr> <tr> <td><label>Residence Address :</label></td> <td><textarea name="residence" rows="4"cols="19"></textarea></td> </tr> <tr> <td></td> <td><input type="submit" name="submit" value="Submit"onmouseover="validate()"/><input type="reset"value="Reset"></td> </tr> </table> </form> </body>
</html> ------------------------------------------ Dont Forget to Rate
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.