Question: [20Marks] You are required to make an HTML page , That page will conta
ID: 3610477 • Letter: Q
Question
Question: [20Marks]
You are required to make an HTML page , That page will contain aFORM as shown below in Figure 1
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
3) If the VU ID Field is empty it will display a message VU IDis empty , like
4) Date of Birth, Email Address and Address can beempty.
Explanation / Answer
Hope its -------Hellllllllllllllllllllllllllllllllllllpeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeed<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>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.