Asp.net custom validator control

Question

This is my issue: We use custom validators for some fields. And now we want to change validation markup. For now this is something like that: <span id="CreateProfile_EmailValidator">Email is in Incorrect Format</span>.

Can I somehow change this markup? For example add some <div> elements?

UPD: I looked not for onetime workaround. (Please see discussion of the MikeSmithDev's answer)

What do you mean exactly? You can apply a class (CssClass) to the validator. Also, RegularExpressionValidator is good for email. — MikeSmithDev
– MikeSmithDev, Commented Mar 13, 2013 at 13:08
@MikeSmithDev I now about CssClass, but I need instead <span> use div and other html elements. — Alexei Malashkevich
– Alexei Malashkevich, Commented Mar 13, 2013 at 13:09

Vova · Accepted Answer · 2013-03-14 10:34:50Z

3

You can inherit from BaseValidator or CustomValidator class and override Render method, and then generate whatever markup you want.

public class MyCustomValidator : CustomValidator
{
    protected override void Render(HtmlTextWriter writer)
    {
        writer.RenderBeginTag("div");
        base.Render(writer);
        writer.RenderEndTag();
    }
}

answered Mar 14, 2013 at 10:34

Vova

1,4241 gold badge13 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alexander Manekovskiy · Accepted Answer · 2013-03-14 09:28:26Z

Use WebControlAdapter to change the way of how CustomValidator is rendered. You will want to override RenderBeginTag and RenderEndTag methods to render your div around the default span.

public class CustomValidatorAdapter : WebControlAdapter
{
    protected override void RenderBeginTag(HtmlTextWriter writer)
    {
        writer.RenderBeginTag("div");
                base.RenderBeginTag(writer);
    }

    protected override void RenderEndTag(HtmlTextWriter writer)
    {
                base.RenderEndTag(writer);
        writer.RenderEndTag(); // this will close div
    }
}

To connect this adapter to you application you have two options. First is to do it programmatically in page constructor:

var adapters = Context.Request.Browser.Adapters;
var customValidatorType = typeof(CustomValidator).AssemblyQualifiedName;
var adapterType = typeof(CustomValidatorAdapter).AssemblyQualifiedName;
if (!adapters.Contains(customValidatorType))
{
    adapters.Add(customValidatorType, adapterType);
}

Second option is to use .browser file:

Add new Browser File to your project. It will reside in App_Browsers folder. Then replace contents with following declaration:

<browsers>
    <browser refID="Default">
            <controlAdapters>
                <adapter controlType="System.Web.UI.WebControls.CustomValidator" 
                         adapterType="<your namespace>.CustomValidatorAdapter" />
            </controlAdapters>
    </browser>
</browsers>

Collectives™ on Stack Overflow

Asp.net custom validator control

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related