Social Icons

twitterfacebookgoogle pluslinkedinemail

Thursday 15 August 2013

all the javascript form validation

<html>
<htad>
<title></title>
</head>
<script type="text/javascript">
function validate()
{
var fname=document.getElementById("fname");
var zcode=document.getElementById("zcode");
var add=document.getElementById("add");
var email=document.getElementById("email");
var state=document.getElementById("state");
if(notempty(fname,"please enter the firstname"))
{
if(isalpha(fname,"please enter the only alphabet"))
{
if(len(fname,6,8))
{
if(isnumeric(zcode,"please enter valid zipcode"))
{
if(alphanum(add,"please enter valid address"))
{
if(emailvalid(email,"please enter the appropriate emialaddress"))
{
if(selected(state,"please select the state"))
{
return true;
}

}
}
}
}
}
}
function notempty(elem,msg)
{
if(elem.value.length===0)
{
alert(msg);
return false;
}
return true;
}
function isalpha(elem,msg)
{
var al=/^[a-zA-Z]+$/;
if(elem.value.match(al))
{
return true;
}
alert(msg);
return false;
}
function len(elem,min,max)
{
var ui=elem.value;
if(ui.length>=min && ui.length<=max)
{
return true;
}
alert("please enter between the "+min+" and "+max+" char");
return false;
}
function isnumeric(elem,msg)
{
var num=/^[0-9]+$/;
if(elem.value.match(num))
{
return true;
}
alert(msg);
return false;
}
function alphanum(elem,msg)
{
var alnum=/^[0-9a-zA-Z]+$/;
if(elem.value.match(alnum))
{
return true;
}
alert(msg);
return false;
}
function emailvalid(elem,msg)
{
var emex=/^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-Z0-9]{2,4}$/;
if(elem.value.match(emex))
{
return true;
}
alert(msg);
return false;
}
function selected(elem,msg)
{
if(elem.value== "Select State")
{
alert(msg);
return false;
}
return true;
}
}
</script>
<body>
<form onsubmit="validate()">
firstname <input type="text" id="fname" ><br>
zipcode <input type="text" id="zcode" > <br>
address <input type="text" id="add" ><br>
Email <input type="text" id="email" ><br>
State <select id="state" >
<option>Select State</option>
<option>44</option>
<option>hh</option>
<option>ds</option>
<option>er</option>
<option>ss</option>
</select></br>
<input type="submit" value="check" >
</form>
</body>
</html>
Posted by at
Labels:

No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )
 

Free Advertisement

Free Advertisement

Free Advertisement

Free Advertisement