<html>
<head>
<title>Validations using JQuery</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function()
{
$("#btnValidate").click(function()
{
if($("#txtValidate").val()=="")
{
alert('Please enter some thing in TextBox');
return false;
}
if($("#ddlValidate").get(0).selectedIndex==0)
{
alert('Please select a valid Option');
return false;
}
if(!$("#chkValidate").get(0).checked)
{
alert('Please select CheckBox');
return false;
}
});
});
</script>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr><td colspan="2" align="center" style="font-weight:bold;">Validations using JQuery</td></tr>
<tr><td>Validate TextBox</td><td><input type="text" id="txtValidate" /></td></tr>
<tr><td>Validate DropDown</td><td><select id="ddlValidate"><option value="Select">Select</option><option value="A">A</option></select></td></tr>
<tr><td>Validate CheckBox</td><td><input type="checkbox" id="chkValidate" value="Validate CheckBox" /></td></tr>
<tr><td colspan="2" align="center"><input type="button" value="Validate Controls" id="btnValidate" /></td></tr>
</table>
</body>
</html>
<head>
<title>Validations using JQuery</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function()
{
$("#btnValidate").click(function()
{
if($("#txtValidate").val()=="")
{
alert('Please enter some thing in TextBox');
return false;
}
if($("#ddlValidate").get(0).selectedIndex==0)
{
alert('Please select a valid Option');
return false;
}
if(!$("#chkValidate").get(0).checked)
{
alert('Please select CheckBox');
return false;
}
});
});
</script>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr><td colspan="2" align="center" style="font-weight:bold;">Validations using JQuery</td></tr>
<tr><td>Validate TextBox</td><td><input type="text" id="txtValidate" /></td></tr>
<tr><td>Validate DropDown</td><td><select id="ddlValidate"><option value="Select">Select</option><option value="A">A</option></select></td></tr>
<tr><td>Validate CheckBox</td><td><input type="checkbox" id="chkValidate" value="Validate CheckBox" /></td></tr>
<tr><td colspan="2" align="center"><input type="button" value="Validate Controls" id="btnValidate" /></td></tr>
</table>
</body>
</html>
Thank you for sharing this great article. Game Development Tutorials
ReplyDeleteAwesome Article! Download Tekken 6 for pc
ReplyDeleteThis comment has been removed by the author.
ReplyDelete