UserName Password validation
<html>
<head>
<title>Required Validation</title>
<script>
function validate()
{
var vUser=trim(document.frm.sUser.value);
var vPwd=trim(document.frm.sPwd.value);
if(vUser=="")
{
alert("User Name Field is Empty");
document.frm.sUser.focus();
return false;
}
else if(vPwd=="")
{
alert("Password Field is Empty");
document.frm.sPwd.focus();
return false;
}
}
function trim(s) {
return s.replace( /^\s*/, "" ).replace( /\s*$/, "" );
}
</script>
</head>
<body>
<form name="frm" onSubmit="return validate();">
User Name <input type="text" name="sUser" /><br>
Password <input type="password" name="sPwd" /><br>
<input type="submit" name="goTo" value="Submit"/>
</form>
</body>
</html>
----------------------------------------------------------------
Number or Integer Validation
<html>
<head>
<title>Number Integer Validation</title>
<script>
function validate()
{
var dValidate=document.frm.numberValidate.value;
if(dValidate=="")
{
alert("Number Field is empty")
return false;
}
else if(isDigits(dValidate)==false)
{
alert("Field is not numeric")
return false;
}
}
function isDigits(argvalue) {
argvalue = argvalue.toString();
var validChars = "0123456789";
var startFrom = 0;
if (argvalue.substring(0, 2) == "0x") {
validChars = "0123456789abcdefABCDEF";
startFrom = 2;
} else if (argvalue.charAt(0) == "0") {
validChars = "01234567";
startFrom = 1;
}
for (var n = 0; n < argvalue.length; n++) {
if (validChars.indexOf(argvalue.substring(n, n+1)) == -1) return false;
}
return true;
}
</script>
</head>
<body>
<form name="frm" onSubmit="return validate();">
Number <input type="text" name="numberValidate" />
<input type="submit" name="goTo" value="Number Validate" />
</form>
</body>
</html>
------------------------------------------------------------------
Date Validation
<html>
<head>
<title>Date Validation</title>
<script>
function validate()
{
var dValidate=document.frm.dateValidate.value;
if(dValidate!="")
{
var arDValidate=dValidate.split("/");
if(arDValidate.length==3)
{
if(arDValidate[0].length!=2 || (arDValidate[0]>32))
{
alert("Wrong Date format");
return false;
}
else if(arDValidate[1].length!=2 || (arDValidate[1]>13))
{
alert("Wrong Month format");
return false;
}
else if(arDValidate[2].length!=4 || (arDValidate[2]<1900))
{
alert("Wrong Year format");
return false;
}
else
{
var dateDate=new Date(arDValidate[2],arDValidate[1]-1,arDValidate[0]);
if((arDValidate[0]!=dateDate.getDate()))
{
alert("Wrong Date Enter e.g date month year is not correct 31 feb 2009");
return false;
}
}
}
else
{
alert("Wrong Format");
return false;
}
}
else
{
alert("Date is blank");
return false;
}
}
</script>
</head>
<body>
<form name="frm" onSubmit="return validate();">
mm/dd/yyyy <input type="text" name="dateValidate" />
<input type="submit" name="goTo" value="Date Validate" />
</form>
</body>
</html>
-------------------------------------------------------------------
Email Validation
<html>
<head>
<title>Email Validation</title>
<script>
function validate()
{
var dValidate=document.frm.emailValidate.value;
if(dValidate=="")
{
alert("Email Field is empty")
return false;
}
else if(checkEmail(dValidate)==false)
{
alert("Email Format is not correct")
return false;
}
}
function checkEmail(emailStr) {
if (emailStr.length == 0) {
return true;
}
var emailPat=/^(.+)@(.+)$/;
var specialChars="\\(\\)<>@,;:\\\\\\\"\\.\\[\\]";
var validChars="\[^\\s" + specialChars + "\]";
var quotedUser="(\"[^\"]*\")";
var ipDomainPat=/^(\d{1,3})[.](\d{1,3})[.](\d{1,3})[.](\d{1,3})$/;
var atom=validChars + "+";
var word="(" + atom + "|" + quotedUser + ")";
var userPat=new RegExp("^" + word + "(\\." + word + ")*$");
var domainPat=new RegExp("^" + atom + "(\\." + atom + ")*$");
var matchArray=emailStr.match(emailPat);
if (matchArray == null) {
return false;
}
var user=matchArray[1];
var domain=matchArray[2];
if (user.match(userPat) == null) {
return false;
}
var IPArray = domain.match(ipDomainPat);
if (IPArray != null) {
for (var i = 1; i <= 4; i++) {
if (IPArray[i] > 255) {
return false;
}
}
return true;
}
var domainArray=domain.match(domainPat);
if (domainArray == null) {
return false;
}
var atomPat=new RegExp(atom,"g");
var domArr=domain.match(atomPat);
var len=domArr.length;
if ((domArr[domArr.length-1].length < 2) ||
(domArr[domArr.length-1].length > 3)) {
return false;
}
if (len < 2) {
return false;
}
return true;
}
</script>
</head>
<body>
<form name="frm" onSubmit="return validate();">
Email <input type="text" name="emailValidate" />
<input type="submit" name="goTo" value="Email Validate" />
</form>
</body>
</html>
------------------------------------------------------------------
Alpha Character Validation
<html>
<head>
<title>Alpha number Validation</title>
<script>
function validate()
{
var dValidate=document.frm.alphaValidate.value;
if(dValidate=="")
{
alert("Alpha Field is empty")
return false;
}
else if(isAlpha(dValidate)==false)
{
alert("Field is not alpha character")
return false;
}
}
function isAlpha(argvalue) {
argvalue = argvalue.toString();
var validChars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
for (var n = 0; n < argvalue.length; n++) {
if (validChars.indexOf(argvalue.substring(n, n+1)) == -1)
return false;
}
return true;
}
</script>
</head>
<body>
<form name="frm" onSubmit="return validate();">
Alpha Character <input type="text" name="alphaValidate" />
<input type="submit" name="goTo" value="Alpha Validate" />
</form>
</body>
</html>
READ MORE - Form parameter validation using javascript(username,password,email,number,alphanumeric))