
<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:hummdedum@felloff.com" 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>
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.