Created
May 3, 2012 10:09
-
-
Save shenal/2584851 to your computer and use it in GitHub Desktop.
Form Validation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<doctype = html> | |
<head> | |
<title> | |
Registration Form | |
</title> | |
<script type="text/javascript"> | |
//1. none of the fields can be empty | |
function validateForm(frm) { | |
var user=frm.username.value; | |
var pword=frm.password.value; | |
var cpword=frm.con_password.value; | |
var address=frm.adress.value; | |
var email= frm.email.value; | |
var country=frm.Country.value; | |
var sex=frm.sex.value; | |
if (user =="" || pword =="" || cpword =="" || address =="" || email =="" || ){ | |
alert("Please fill in all values"); | |
return false; | |
} | |
else if (confirmPassword(pword,cword)==false){ | |
alert("Passwords do not match"); return false;} | |
else if (validateEmail(email)==false){ | |
alert("Invalid Email address); | |
return false; | |
} | |
else | |
return true; | |
} | |
//2. Password and confirm password should be compared. | |
function confirmPassword(p1,p2){ | |
if(p1==p2) return true; | |
else return false; | |
} | |
//3. Email should be Validated | |
function validateEmail(frm) { | |
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; | |
var address = frm | |
if (reg.test(address) == false){ | |
return false; | |
} | |
else{return true;} | |
} | |
</script> | |
</head> | |
<body> | |
<form> | |
<table border= "0" align= center> | |
<tr> | |
<td>Username</td> | |
<td><input type="text" name="username"/></td> | |
</tr> | |
<tr> | |
<td>Password</td> | |
<td><input type="password" name="password"/></td> | |
</tr> | |
<tr> | |
<td>Confirm Password</td> | |
<td><input type="password" name="con_password"/></td> | |
</tr> | |
<tr> | |
<td>Address</td> | |
<td><textarea name="password" cols="25" rows="5"></textarea></td> | |
</tr> | |
<tr> | |
<td>Email</td> | |
<td><input type="text" name="email"/></td> | |
</tr> | |
<tr> | |
<td>Gender</td> | |
<td><input type="radio" name="sex" value="male"/>Male | |
<input type="radio" name="sex" value="female" />Female</td> | |
</tr> | |
<tr> | |
<td>Country</td> | |
<td> | |
<select name= "Country"> | |
<option value="">---Select---</option> | |
<option value="Sri Lanka">Sri Lanka</option> | |
<option value="America">America</option> | |
<option value="Canada">Canada</option> | |
<option value="Germany">Germany</option> | |
</td> | |
</tr> | |
<tr> | |
</tr> | |
<tr> | |
<td></td> | |
<td><input type="submit" value="submit" onClick="return validateForm(this.form);/> | |
<input type="reset" value="Reset"/> | |
</td> | |
</tr> | |
</table> | |
</form> | |
</body> | |
</html> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment