ASP.NET CheckBoxList Client side validation

Question

Is it possible to add a custom validation function to jquery validate plugin for ASP.NET CheckBox list?I am using jquery plugin to validate all controls at client side.It works perfectly with normal inputs like textbox,dropdown list etc.For some reason it is not working with Checkboxlist.In pure html checkboxlist becomes a table with html input checkboxes in it.I wrote a custom function to check whether any of the checkboxes is checked and added it to the jquery validate but for some reason the function is not getting called.

jQuery.validator.addMethod('cb_selectone', function (value, element) {

     return false;
 }, 'Please select at least one option');

I tried returning false all the time but still the form is validated successfully.Any help would be appreciated.

if you don't have to use jquery, maybe this can help. the sample is textbox, but you can use it for checkboxlist. http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.customvalidator.clientvalidationfunction.aspx — Ray Cheng, Aug 16 '12 at 02:37
can you post your html mark up code? or an example? it's probably something obvious like syntax error. — Ray Cheng, Aug 16 '12 at 04:46
I used the same code.the custom vaidator works fine.The other code is in question.For testing I just returned always false.It should not validate in this case but it is getting validated. — Krishnanunni Jeevan, Aug 16 '12 at 04:48

Ray Cheng · Accepted Answer · 2012-08-16T03:57:37.910

Here's one approach but not using jquery.validate.

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<script type="text/javascript" src="Scripts/jquery-1.8.0.js"></script>
<script type="text/javascript">
    function cb_selectone(src, args) {
        var items = $("input[name^='cblTest']");
        for (i = 0; i < items.length; i++) {
            if ($(items[i]).is(":checked")) {
                args.IsValid = true;
                return;
            }
        }
        args.IsValid = false;
    }
</script>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:CheckBoxList runat="server" ID="cblTest">
            <asp:ListItem Text="Test A" Value="A"></asp:ListItem>
            <asp:ListItem Text="Test B" Value="B"></asp:ListItem>
        </asp:CheckBoxList>
        <asp:CustomValidator ErrorMessage="Please select at least one.<br/>" ClientValidationFunction="cb_selectone" runat="server" />
        <asp:Button runat="server" ID="btnTest" Text="Submit" />
    </div>
    </form>
</body>
</html>

Thanks..I had tried this before.The issue with custom validator is that I have to create one validator for each control that needs it.I need something more general — Krishnanunni Jeevan, Aug 16 '12 at 04:25
take a look at this sample, i had the same issue as you did but i resolved it. http://stackoverflow.com/questions/11981229/custom-jquery-validation-function-not-firing — Ray Cheng, Aug 16 '12 at 06:31
Not the right answer but I wrote my own validation framework and did something like that — Krishnanunni Jeevan, Aug 21 '12 at 22:37

ASP.NET CheckBoxList Client side validation

1 Answers1