Thursday, 26 June 2014

Custom Validation for CheckBoxList in Javascript

 <script type="text/javascript">
        function ValidateModuleList(source, args) {
            var chkListModules = document.getElementById('<%= cboxlist_GovtFunding.ClientID %>');
            var chkListinputs = chkListModules.getElementsByTagName("input");
            for (var i = 0; i < chkListinputs.length; i++)
            {
                if (chkListinputs[i].checked)
                {
                    args.IsValid = true;
                    return;
                }
            }
            args.IsValid = false;
        }
        </script>

<script type="text/javascript">
        function validateCheckBoxList() {
            var isAnyCheckBoxChecked = false;
            var checkBoxes = document.getElementById("cboxlist_Department").getElementsByTagName("input");
            for (var i = 0; i < checkBoxes.length; i++) {
                if (checkBoxes[i].type == "checkbox") {
                    if (checkBoxes[i].checked) {
                        isAnyCheckBoxChecked = true;
                        return true;
                    }
                }
            }
            if (!isAnyCheckBoxChecked) {
                alert("No CheckBox is Checked.");
            }
        }
    </script>



<td>
                       <div class="checkbox">
                       <asp:CheckBoxList ID="cboxlist_GovtFunding" runat="server"
                               onselectedindexchanged="cboxlist_GovtFunding_SelectedIndexChanged" AutoPostBack="true" style="text-align:left;font-size:11px">
                        <asp:ListItem>RKVY</asp:ListItem>
                                        <asp:ListItem>NPMSF</asp:ListItem>
                                        <asp:ListItem>MMA</asp:ListItem>
                                        <asp:ListItem>State Government Scheme</asp:ListItem>
                                        <asp:ListItem>Others</asp:ListItem>
                       </asp:CheckBoxList>                  
                     
                       </div>
                       <asp:CustomValidator runat="server" ID="cvmodulelist"
                           ClientValidationFunction="ValidateModuleList"
                           ErrorMessage="Please Select Atleast one Checkbox" ValidationGroup="a"></asp:CustomValidator>
                       </td>

No comments:

Post a Comment