shenal/formValidation.html

## formValidation.html
<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>
	<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>