Wisdom Materials
Home
About Us
Our Clients
Careers
Services
Education
Jobs
News
Business
Health
Astrology
Entertainment
RealEstate
Devotion
Contact Us
Java Script
/ Html components with java Script
Text Box
Program
Output
<html> <head><title>Validation-TextBox</title> </head> <script language="javascript" type="text/javascript"> function Validate() { var t1 = document.f1.t1.value; if (t1.length == 0) { alert('Please enter details in textbox1'); return false; } else { alert(t1); } } </script> <body> TextBox <form name="f1" onsubmit="return Validate()"> <table border="1"> <tr> <td>username</td> <td><input type="text" name="t1" id="fname" /></td> </tr> <tr> <td><input type="reset" value="reset" name="reset" /></td> <td><input type="submit" value="submit" name="submit" /></td> </tr> </table> </form> </body> </html>
If username length is zero asks you to enter username otherwise return username length.
Radio Box
Program
Output
<html> <head><title>Validation-Radio</title> </head> <script language="javascript" type="text/javascript"> function Validate() { if (document.f1.r1.checked == true) { alert("Radio Butoon Value: " + document.f1.r1.value); } else if (document.f1.r2.checked == true) { alert("Radio Butoon Value: " + document.f1.r2.value); return true; } else { alert("Please select a radio button"); return false; } } </script> <body> Radio <form name="f1" onsubmit="return Validate()" > <table border="1"> <tr> <td>Gender</td> <td> <input type="radio" id="r1" name="gender" value="male" />male <input type="radio" id="r2" name="gender" value="female"/>female </td> </tr> <tr> <td><input type="reset" value="reset" name="reset" /></td> <td><input type="submit" value="submit" name="submit" /></td> </tr> </table> </form> </body> </html>
Tells you have selected male or female after clicking submit buttton
Gmail Validation
Program
Output
<html> <head><title>Validation-Gmail</title> </head> <script language="javascript" type="text/javascript"> function Validate() { var t1 = document.f1.t4.value; if (t1.match("@gmail.com")) alert(t1); } </script> <body> Gmail <form name="f1" onsubmit="return Validate()"> <table border="1"> <tr> <td>Email</td> <td><input type="text" name="t4" id="email2"/></td> </tr> <tr> <td><input type="reset" value="reset" name="reset"/></td> <td><input type="submit" value="submit" name="submit" /></td> </tr> </table> </form> </body> </html>
Check wheather gmail.com is there or not in the entered text or not
Home
Back