65.9K
CodeProject is changing. Read more.
Home

Group Validation Buttons

starIconstarIconstarIcon
emptyStarIcon
starIcon
emptyStarIcon

3.10/5 (6 votes)

Nov 15, 2005

1 min read

viewsIcon

38224

downloadIcon

431

This article will teach you how to create your own ASP.NET buttons and image buttons that enable only a set of validators that are attached to these controls on your ASP.NET page.

Introduction

While validation groups are part of the new Visual Studio 2005, for the previous versions of Visual Studio .NET, group validation was not an easy job.

This article will give you custom ASP buttons and image buttons that have an additional property field called "attachedValidators" that takes a comma separated list for the validator names that will be activated when this button is clicked.

The Code

The idea is to run a JavaScript before provoking validators on the page that will disable all validators and only enable the validators specified in the "attachedValidators" property.

The JavaScript code is as follows:

for(i=0; i<Page_Validators.length; i++)
{
    ValidatorEnable(Page_Validators[i], false);
}

This for loop disables all validators on the page. Page_Validators, ValidatorEnable are both defined for any page that contains ASP.NET validators.

ValidatorEnable(rqVal1, true);
ValidatorEnable(reVal1, true);

After that, I enable the list of validators that are defined in the property of each button.

if (typeof(Page_ClientValidate) == 'function')
    Page_ClientValidate();

Finally, I add the code that ASP.NET by default adds for any button if the button's CausesValidation property is set to True.

So, this JavaScript code is added to each instantiated button by overriding the AddAttributesToRender function, the function looks as follows:

Protected Overrides Sub AddAttributesToRender( _
        ByVal writer As System.Web.UI.HtmlTextWriter)
    If _ValidatorsIDs.Length > 0 Then
      Dim scrptValidation As New System.Text.StringBuilder
      scrptValidation.Append("javascript:for(i=0;" & _ 
          " i<Page_Validators.length; i++)" & _ 
          " { ValidatorEnable(Page_Validators[i], false); } ")
      Dim enabledValidators As String() = _ValidatorsIDs.Split(",")
      For i As Integer = 0 To enabledValidators.Length - 1 Step 1
        scrptValidation.Append("ValidatorEnable(" & _
                enabledValidators(i).Trim & ", true); ")
      Next
      scrptValidation.Append("if (typeof(Page_ClientValidate)" & _ 
                 " == 'function') Page_ClientValidate(); ")
      writer.AddAttribute("onclick", scrptValidation.ToString()) 
    End If
    MyBase.AddAttributesToRender(writer)
End Sub

Conclusion

Finally, you can use the custom buttons by building the ValidationButtons project, then right clicking on your ToolBox menu, then from the Add Item dialog, choose validationButtons.dll, and the ButtonGrpValidation and ImageButtonGrpValidation components should be added to the list of your Web Forms components.

It is really simple and you can also check the demo attached with this article to see it in action.