<html>
<script>
function isFormValid()
{
var userF = document.getElementById('FName').value;
var userL = document.getElementById('LName').value;
var userPW = document.getElementById('pw').value;
var userPW2 = document.getElementById('pw2').value;
var userEmail = document.getElementById('email').value;
var userMobile=document.getElementById('mobile').value;
var userAddress=document.getElementById('address1').value;
var userCity=document.getElementById('city').value;
var userState=document.getElementById('state').value;
var userZip=document.getElementById('zip').value;
var gen=document.form.radios;
var NameFormat = /^[A-Za-z]{2,12}$/;
var PWFormat = /^[A-Za-z0-9{6,12}$]/;
var Mobileformat=/^[0-9]{10}$/;
var Emailformat=/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
var retVal = true;
var errorMsg = "";
if (!NameFormat.test(userF))
{
errorMsg = "First Name is required and should only have letters. 2-12 letters max\n";
retVal = false;
}
if (!NameFormat.test(userL))
{
errorMsg = errorMsg + "Last Name is required and should only have letters. 2-12 letters max\n";
retVal = false;
}
if ( (gen[0].checked == false ) && ( gen[1].checked == false ) ){
errorMsg=errorMsg+"please check your gender: Female or Male\n";
return retVal =false;
}
if(!Mobileformat.test(userMobile)){
errorMsg = errorMsg+"Mobile number is required and should only have 10 numbers \n";
retVal = false;
}
if(!Emailformat.test(userEmail)){
errorMsg = errorMsg+"please eneter a valid email id \n";
retVal = false;
}
if (!PWFormat.test(userPW))
{
errorMsg = errorMsg + "Password is required and should only have letters and numbers. 6-12 letters max\n";
retVal = false;
}
if (userPW != userPW2)
{
errorMsg = errorMsg + "Passwords do not match.\n";
retVal = false;
}
if(!PWformat.test(userAddress)){
errorMsg = errorMsg + "please enter valid address \n";
retVal = false;
}
if(userCity.value==""){
errorMsg=errorMsg+"please enter your city\n";
return retVal =false;
}
if(state.value==""){
errorMsg=errorMsg+"please enter your state\n";
return retVal =false;
}
if( zip.value == "" || isNaN(zip.value ) ||zip.value.length != 6 ){
errorMsg=errorMsg+"Please provide a zip in the format ######.\n";
return retVal =false;
}
if (!retVal)
{
alert( errorMsg);
}
return retVal;
}
</script>
<form action="mailto:[email protected]" method="post" name="form" onSubmit="return isFormValid();">
* First Name: <input type="text" name="FName" id="FName" onblur="checkFName();"/><label id="labelFName"></label><br />
* Last Name: <input type="text" name="LName" id="LName" onblur="checkLName();"/><label id="labelLName"></label><br />
* Gender<input type="radio" name="radios" value="male" id="gen" onblur="checkgen();">Male <input type="radio" name="radios" value="Female">Female<label id="labelGender"></label><br />
* E-Mail: <input type="text" id="email" name="Email" onblur="checkEmail();"/><label id="labelEmail"></label><br />
* Mobile Number<input type="text" name="mobilenumber" id="mobile" onblur="checkmobile();"><label id="labelMobile"></label><br />
* Password: <input type="password" id="pw" name="Password" onblur="checkpw();"/><label id="labelpw"></label><br />
*Re-type Password: <input type="password" name="2Password" id="pw2" onblur="checkpw2();" /><label id="labelpw2"></label><br />
* Address1<input type="text" name="address" id="addressid1" onblur="checkaddress1();"><label id="labelAddress1"></label><br />
Address2<input type="text" name="add2"><label id="labelAddress2"></label><br />
Address3<input type="text" name="add3"><label id="labelAddress3"></label><br />
*City<input type="text" name="cityname" id="city" onblur="checkcity();"><label id="labelCity"></label><br />
*State<input type="text" name="statename" id="state" onblur="checkstate();"><label id="labelState"></label><br />
*ZIP<input type="text" name="zip1" id="zip" onblur="checkzip();"><label id="labelZip"></label><br />
<input type="submit" value="Submit" />
<input type="reset" value="reset" />
</form>
</html>
Ads
