Hi kaushal,
Refer the below code. Important is validation group i.e. the name attribute. For each checkbox you have to add different group.
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="ValidationEngine.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.ucb.org.br/Scripts/formValidator/js/languages/jquery.validationEngine-en.js"></script>
<script type="text/javascript" src="http://cdn.ucb.org.br/Scripts/formValidator/js/jquery.validationEngine.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.myCheckBoxList').each(function () {
$('.myCheckBoxList input').addClass("validate[minCheckbox[1]]");
$('[id*=chkLoanType]').attr("name", "LoanType");
$('[id*=chkStages]').attr("name", "Stages");
$('[id*=chkProfile]').attr("name", "Profile");
})
$("[id*=btnSubmit]").bind("click", function () {
if (!$('.myCheckBoxList').validationEngine('validate')) {
return false;
}
return true;
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="width: 100%; padding: 5px">
<tr>
<td style="width: 20%; padding: 5px">Document Name :</td>
<td style="width: 80%; padding: 5px" colspan="3">
<asp:TextBox ID="txtDocumnetName" CssClass="validate[required]" runat="server" Width="90%"></asp:TextBox>
</td>
</tr>
<tr>
<td style="width: 20%; padding: 5px">Is Mandetory Document :</td>
<td style="width: 80%; padding: 5px" colspan="3">
<asp:CheckBox ID="chkIsCompulsory" runat="server" />
</td>
</tr>
<tr>
<td style="width: 20%; padding: 5px"> </td>
<td colspan="3" style="width: 80%; padding: 5px"></td>
</tr>
<tr>
<td style="width: 20%; padding: 5px"> </td>
<td style="width: 20%; padding: 5px">Loan Type<span style="padding-left: 10px"></span></td>
<td style="width: 20%; padding: 5px">Stage<span style="padding-left: 10px"></span></td>
<td style="width: 40%; padding: 5px">Profile</td>
</tr>
<tr>
<td style="width: 20%; padding: 5px"> </td>
<td style="width: 20%; padding: 5px">
<div style="max-height: 250px">
<asp:CheckBoxList ID="chkLoanType" class="myCheckBoxList" runat="server" Width="100%">
<asp:ListItem Text="LoanType1"></asp:ListItem>
<asp:ListItem Text="LoanType2"></asp:ListItem>
<asp:ListItem Text="LoanType3"></asp:ListItem>
</asp:CheckBoxList>
</div>
</td>
<td style="width: 20%; padding: 5px">
<div style="max-height: 250px">
<asp:CheckBoxList ID="chkStages" runat="server" class="myCheckBoxList" Width="100%">
<asp:ListItem Text="Stages1"></asp:ListItem>
<asp:ListItem Text="Stages2"></asp:ListItem>
<asp:ListItem Text="Stages3"></asp:ListItem>
</asp:CheckBoxList>
</div>
</td>
<td style="width: 40%; padding: 5px">
<div style="max-height: 250px">
<asp:CheckBoxList ID="chkProfile" runat="server" Width="35%" class="myCheckBoxList">
<asp:ListItem Text="Profile1"></asp:ListItem>
<asp:ListItem Text="Profile2"></asp:ListItem>
<asp:ListItem Text="Profile3"></asp:ListItem>
</asp:CheckBoxList>
</div>
</td>
</tr>
<tr>
<td style="width: 20%; padding: 5px"> </td>
<td style="width: 20%; padding: 5px"></td>
<td style="width: 60%; padding: 5px" colspan="2"> </td>
</tr>
<tr>
<td colspan="4" style="padding: 5px; text-align: center; width: 100%">
<asp:Button ID="btnSubmit" runat="server" Text="Submit" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
Screenshot
