Chakravarthy's Space : ASP.NET

CheckBoxList validation

Chakravarthy — Thu, 21 May 2009 05:04:00 GMT

Within our current project, we faced a requirement such that there are multiple checkboxes and the user is required to select any one of them (at least one of them). So as there are multiple checkboxes, decided to go with CheckBoxList control. Now the problem is that, we need to show a error message if the user is not selected any one of them. The problem also extends not just there, but the display text should be culture specific.

So the story started long after I've written this post. But editing this entire post due to a simple non supportive feature by IE. I’ll come to that point later in this post, let me first detail the requirement and solution. There is one more solution for this unsupported error. Please read thru the post.

For all the client side validations, it is widely known that validation controls supported by ASP.NET framework are popularly used. But these controls can’t handle the CheckBoxList. Hence the following solution.

Step 1: Place your CheckBoxList control in a separate div as shown below. Observe that the text for these controls are populated from database depending upon the user culture

<div id="cblItems1">
    <asp:CheckBoxList ID="cblOptions" runat="server">
        <asp:ListItem Text="<%$Resources:CommonFormFields, Repair%>"></asp:ListItem>
        <asp:ListItem Text="<%$Resources:CommonFormFields, Calibration%>"></asp:ListItem>
        <asp:ListItem Text="<%$Resources:CommonFormFields, RepairCalibration%>"></asp:ListItem>
        <asp:ListItem Text="<%$Resources:CommonFormFields, OnlineService%>"></asp:ListItem>
    </asp:CheckBoxList>
</div>

Step 2: Use ASP:Lable and get the error message while loading and place in a separate div and hide this div by default as mentioned below. Please note the div ID as cblError1 and the style is set to hidden by default

<div id="cblError1" style="visibility: hidden">
    <asp:Label ID="lblReq1" runat="server" Text="<%$Resources:CommonFormFields, SelectAny%>"></asp:Label>
    </div>

Step 3: Write a JScript function that reads all the client side rendered elements as input objects and checks whether any of them are checked or not. Code explains more in detail

function CheckListValidation(cblItm, errDiv)
{
    var tDiv = document.getElementById(cblItm);
    var chkitems = tDiv.childNodes[1];
    var chkitm = chkitems.getElementsByTagName("input");
    for (var i = 0; i < chkitm.length; i++) 
    {
        if (chkitm.checked) 
        {                    
                return true;
        }
    }
    document.getElementById(errDiv).style.visibility = 'visible';
    return false;
}

Step 4: Now it is the turn of invoking this function from the button click. Every button is having a method called as “OnClientClick” along with Click. Invoke this function from that method as mentioned below

<asp:Button ID="btnAddMore" runat="server" Text="Add More" 
OnClientClick="return CheckListValidation('cbOptions','cblError1');"
    OnClick="btnAddMore_Click" />

Step 5: All setup and the code is running fine. But there is a problem with this code while running in IE. IE 6 and above doesn’t support the getElementsByTag

var vTe = document.getElementsByTagName(..);

There is a long story for this. Let me post one more post for the better mechanism of CheckBoxList Validation. Until then, what are your comments??

IE 8 Beta1 and SL2.0 - Today

Chakravarthy — Thu, 06 Mar 2008 16:36:50 GMT

Today, I've downloaded IE8 beta 1 as well as Silverlight 2.0 installed on my laptop. This day have seen many products released at Mix 08 by great personalities like Scott Guthrie, Bob Familiar, Guy Burstein, IEBlog, etc. According to Jane Kim at an interview for Mix08, Activities and WebSlices are two of the most exciting new features in IE8.

Apart of IE8.0 and SL2.0, there are other products such as

I've downloaded all these .. and am trying out one by one .. what about you??

IE 8 Beta1 and SL2.0 - Today

Chakravarthy — Thu, 06 Mar 2008 16:23:46 GMT

Apart of IE8.0 and SL2.0, there are other products such as

I've downloaded all these .. and am trying out one by one .. what about you??

VS 2008 and .NET 3.5 Training Kit

Chakravarthy — Mon, 17 Dec 2007 09:40:07 GMT

The Visual Studio 2008 and .NET Framework 3.5 Training Kit includes presentations, hands-on labs, and demos. This content is designed to help you learn how to utilize the Visual Studio 2008 features and a variety of framework technologies including: LINQ, C# 3.0, Visual Basic 9, WCF, WF, WPF, ASP.NET AJAX, VSTO, CardSpace, SilverLight, Mobile and Application Lifecycle Management.

I've downloaded this, if any one require this, you can drop me a mail or can collect from me.

ASP.NET 3.5 Extensions Preview

Chakravarthy — Mon, 10 Dec 2007 15:15:08 GMT

The ASP.NET 3.5 Extensions Preview provides a glimpse of new, powerful functionality being added to ASP.NET 3.5 and ADO.NET next year. This release delivers features that enable high-productivity data scenarios and creates the best server for rich clients. The release includes an ASP.NET model-view-controller (MVC) framework, ASP.NET Dynamic Data, Silverlight controls for ASP.NET, ADO.NET Data Services, an Entity Framework runtime, new features for ASP.NET AJAX and a wide variety of API References as hosted at ASP.NET Official site.

You can download the ASP.NET 3.5 Preview, which contain all the Siliverlight controls, ADO.NET Data Services and many more. There is a forum specially dedicated to ASP.NET 3.5 Preview at ASP.NET Forums.