<!--HTML CODE-->
<! DOCTYPE html>
<Html><head>
<Title>JavaScript Form Validation using a sample
registration form</title>
<script
src="sample-registration-form-validation.js"></script>
</head>
<body
onLoad="document.registration.userid.focus();">
<h1>Registration Form</h1>
<p>Use tab keys to move from one input field to the
next.</p>
<form name='registration' onSubmit="return
formValidation();">
userid:
<input type="text" name="userid"
size="12" /><br/><br/>
Password:
<input type="password" name="passid"
size="12" /></br><br/>
Username:
<input type="text" name="username"
size="50" /></br><br/>
Address:
<input type="text" name="address"
size="50" /></br><br/>
Country:
<select name="country">
<option selected=""
value="Default">(Please select a country)</option>
<option value="AF">Australia</option>
<option value="AL">Canada</option>
<option value="DZ">India</option>
<option value="AS">Russia</option>
<option value="AD">USA</option>
</select><br/>
</br>zip:
<input type="text" name="zip"
/></br><br/>
Email:
<input type="text" name="email"
size="50" /><br/>
</br>gender:
<input type="radio" name="sex"
value="Male" />Male
<input type="radio" name="sex"
value="Female" />Female</br><br/>
Language:
<input type="checkbox" name="en"
value="en" checked /><span>English
<input type="checkbox" name="nonen"
value="noen" /><span>Non English
<br><br/>
About:
<textarea name="desc"
id="desc"></textarea><br/><br/>
<input type="submit" name="submit"
value="Submit" />
</form>
</body>
</html>
<!--JAVASCRIPT CODE FOR VALIDATION-->
function formValidation()
{
var uid = document.registration.userid;
var passid = document.registration.passid;
var uname = document.registration.username;
var uadd = document.registration.address;
var ucountry = document.registration.country;
var uzip = document.registration.zip;
var uemail = document.registration.email;
if(userid_validation(uid,5,12))
{
if(passid_validation(passid,7,12))
{
if(allLetter(uname))
{
if(alphanumeric(uadd))
{
if(countryselect(ucountry))
{
if(allnumeric(uzip))
{
if(ValidateEmail(uemail))
{}}}}}}}
return false;
}
function userid_validation(uid,mx,my)
{
var uid_len = uid.value.length;
if (uid_len == 0 || uid_len >= my || uid_len < mx)
{
alert("User Id should not be empty / length be between
"+mx+" to "+my);
uid.focus();
return false;
}
return true;
}
function passid_validation(passid,mx,my)
{
var passid_len = passid.value.length;
if (passid_len == 0 ||passid_len >= my || passid_len <
mx)
{
alert("Password should not be empty / length be between
"+mx+" to "+my);
passid.focus();
return false;
}
return true;
}
function allLetter(uname)
{
var letters = /^[A-Za-z]+$/;
if(uname.value.match(letters))
{
return true;
}
else
{
alert('Username must have alphabet characters only');
uname.focus();
return false;
}
}
function alphanumeric(uadd)
{
var letters = /^[0-9a-zA-Z]+$/;
if(uadd.value.match(letters))
{
return true;
}
else
{
alert('User address must have alphanumeric characters
only');
uadd.focus();
return false;
}
}
function countryselect(ucountry)
{
if(ucountry.value == "Default")
{
alert('Select your country from the list');
ucountry.focus();
return false;
}
else
{
return true;
}}
function allnumeric(uzip)
{
var numbers = /^[0-9]+$/;
if(uzip.value.match(numbers))
{
return true;
}
else
{
alert('ZIP code must have numeric characters only');
uzip.focus();
return false;
}}
function ValidateEmail(uemail)
{
var mailformat =
/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if(uemail.value.match(mailformat))
{
alert('Form Succesfully Submitted');
window.location.reload()
return true;
}
else
{
alert("You have entered an invalid email
address!");
return false;
}}
No comments:
Post a Comment