Sunday, 25 August 2013

Checkbox validation using JQuery

This is example for Checkbox validation using JQuery


<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Validate asp.net Checkboxlist in JQuery</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$('#btnSubmit').click(function() {
if ($('#chktech input:checked').length > 0) {
return true;
}
else {
alert('Please select atleast one technology')
return false;
}
})
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td> <b>Select Technologies:</b></td>
<td>
<asp:CheckBoxList ID="chktech" runat="server" >
<asp:ListItem Value="1" Text="ASP.NET" />
<asp:ListItem Value="2" Text="C#.NET" />
<asp:ListItem Value="3" Text="JQuery" />
<asp:ListItem Value="4" Text="JavaScript" />
<asp:ListItem Value="5" Text="SQL Server 2005" />
</asp:CheckBoxList>
</td>
</tr>
<tr>
<td></td>
<td>
<asp:Button ID="btnSubmit" Text="Submit" runat="server" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>