Java script is one of the script language.Java script is easy to learn..It is lightwaight object oriented programming language. This javascript is integrated with HTMLs and cross-platform.It works in client side.The JavaScript code is executed when the user submits the form, and only if all the entries are valid they would be submitted to the Web Server. If you want to implement the javascript we are using one tag i.e<script language="javascript"> </script> it is write in header part.
Javascript Syntax:
Alert box:
<html>
<head>
<script language="javascript">
function view()
{
alert("welcome");
}
{
alert("welcome");
}
</script>
</head>
<body>
<input type="submit" value="Click" onclick="return view();"/>
</body>
</html>
Form Validation
<html>
<head>
<title>Form Validation</title>
<script type="javascript">
function val()
{
if( document.getElementedById("Name").value == "" )
{
alert( "Please Enter your name!" );
document.getElementedById("Name").focus() ;
return false;
}
if(document.getElementedById("EMail").value == "" )
{
alert( "Please provide your Email!" );
document.getElementedById("Email").focus() ;
return false;
}
return true;
}
</script>
</head>
<body>
<form action="page.html" method="post">
<table cellspacing="2" cellpadding="2" border="1">
<tr><td align="right">Name</td> <td><input type="text" name="Name" /></td> </tr>
<tr> <td align="right">EMail</td> <td><input type="text" name="EMail" /></td> </tr>
<tr><td></td><td><input type="submit" value="register" onclick="return val()" /></td></tr>
</table>
</form>
</body>
</html>
Javascript for Only Number
function numbers()
{
var align = /^[0-9]+$/;
if(document.getElementedById("mobile").value.match(align))
{
return true;
}
else
{
alert("enter numbers only");
return false;
}
}
Javascript for Only for Chars
function numbers()
{
var align = /^[a-zA-Z]+$/;
if(document.getElementedById("name").value.match(align))
{
return true;
}
else
{
alert("enter chars only");
return false;
}
}
Javascript for both numbers and Chars
function numbers()
{
var align =/^[0-9a-zA-Z]+$/;
if(document.getElementedById("IFCI").value.match(align))
{
return true;
}
else
{
alert("enter correct ifci code");
return false;
}
}
Javascript for Email validation
function numbers()
{
var align =/^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(document.getElementedById("email").value.match(align))
{
return true;
}
else
{
alert("enter correct email id");
return false;
}
}
No comments:
Post a Comment