validation program
DESCRIPTION
user validation programTRANSCRIPT
Week 3VALIDATION:Write JavaScript to validate the following fields of the above registration page.(i) Name (Name should contain alphabets and the length should not be less than 6 characters).(ii) Password (Password should not be less than 6 characters length).(iii) E-mail id (should follow the standard pattern [email protected])(iv) Phone number (Phone number should contain 10 digits only).
(i) Name(Name field should contain alphabets & the length should not be less than 6 characters).name.html
Validations
function isValidation(){var uname=document.getElementById('uname');if(isalphabet(uname,'Please enter alphabets only'))if(restrictlengthname(uname,6))return true;elsereturn false;}function isalphabet(elem,helpermsg){var alphaexp=/^[a-z A-Z]+$/;if(elem.value.match(alphaexp)){return true;}else{alert(helpermsg);elem.focus();return false;}}function restrictlengthname(elem,min){var uinput=elem.value;if(uinput.length>=min){return true;}else{alert("Please enter atleast " +min+ "characters");elem.focus();return false;}}
Validations
Name:
OUTPUT
(ii) Password (Password should not be less than 6 characters length). password.html
Validations
function isValidation(){var pwd=document.getElementById('pwd');if(restrictlengthname(pwd,6))return true;elsereturn false;}function restrictlengthname(elem,min){var uinput=elem.value;if(uinput.length>=min){return true;}else{alert("Please enter atleast " +min+ "characters");elem.focus();return false;}}
Validations
Password:
OUTPUT
(iii) E-mail id (should follow the standard pattern [email protected])email.html
Validations
function isValidation(){var mail=document.getElementById('mail');if(emailvalidation(mail,'Please enter a valid email id'))return true;elsereturn false;}function emailvalidation(elem,helpermsg){var emailexp=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;if(elem.value.match(emailexp)){return true;}else{alert(helpermsg);elem.focus();return false;}}
Validations
Email ID:
OUTPUT
(iv) Phone number (Phone number should contain 10 digits only).phone.html
Validations
function isValidation(){var ph=document.getElementById('ph');if(isnumeric(ph,'Please enter digits only'))if(restrictlength(ph,10))return true;elsereturn false;}function isnumeric(elem,helpermsg){var numexp=/^[0-9]+$/;if(elem.value.match(numexp)){return true;}else{alert(helpermsg);elem.focus();return false;}}function restrictlength(elem,min){var uinput=elem.value;if(uinput.length==min){return true;}else{alert("Please enter " +min+ "digits");elem.focus();return false;}}
Validations
Phone:
OUTPUT
Registration form with validations
Registration
function isValidation(){var uname=document.getElementById('uname');var pwd=document.getElementById('pwd');var ph=document.getElementById('ph');var mail=document.getElementById('mail');
if(isalphabet(uname,'Please enter alphabets only'))if(restrictlengthname(uname,6))if(restrictlengthpwd(pwd,6))if(isnumeric(ph,'Please enter digits only'))if(restrictlength(ph,10))if(emailvalidation(mail,'Please enter a valid email id'))
return true;elsereturn false;}function isalphabet(elem,helpermsg){var alphaexp=/^[a-z A-Z]+$/;if(elem.value.match(alphaexp)){return true;}else{alert(helpermsg);elem.focus();return false;}}function restrictlengthname(elem,min){var uinput=elem.value;if(uinput.length>=min){return true;}else{alert("Please enter atleast " +min+ "characters");elem.focus();return false;}}function restrictlengthpwd(elem,min){var uinput=elem.value;if(uinput.length>=min){return true;}else{alert("Please enter atleast " +min+ "characters");elem.focus();return false;}}function isnumeric(elem,helpermsg){var numexp=/^[0-9]+$/;if(elem.value.match(numexp)){return true;}else{alert(helpermsg);elem.focus();return false;}}function restrictlength(elem,min){var uinput=elem.value;if(uinput.length==min){return true;}else{alert("Please enter " +min+ "digits");elem.focus();return false;}}function emailvalidation(elem,helpermsg){var emailexp=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;if(elem.value.match(emailexp)){return true;}else{alert(helpermsg);elem.focus();return false;}}
REGISTRATION
Name:
Password:
Phone No :
E-mail:
Gender : Male Female
Date of Birth : 1 2 3 4
January February March April
1991 1992 1993 1994
Languages Known : English Urdu Telugu Hindi
Address :
OUTPUT