ValidatorCallout

Descripción

El ValidatorCallout es un extendedor de cualquier tipo de validador (RequiredFieldValidator, RangeValidator, CustomValidator...), con el que conseguimos una vista mucho más amable de los típicos validadores.
No tenemos que aplicar los validadores como lo hemos hecho hasta ahora (ver http://www.subgurim.net/articulos/asp-net-general-articulo48.aspx), pero con el detalle de añadirles el atributo Display=”None” y asignarles el ValidatorCallout.

Propiedades

• TargetControlID: ID del Validador que se está extendiendo.
• Width: Anchura del Callout
• HighlightCssClass: Opcionalmente se puede asignar una clase CSS sobre el Callout.
• WarningIconImageUrl: Url del icono que muestra la alerta. Si no se especifica se muestra el que viene por defecto.
• CloseImageUrl: Imagen que produce el cierre del Callout

Ejemplo

Un ejemplo vale más que mil palabras, y en casos como el Callout mucho más:

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" Display="None"
ErrorMessage='Mensaje de error donde podemos añadir todo tipo de HTML, por ejemplo una <a href="http://www.es-asp.net">Url cualquiera</a>.' ControlToValidate="TextBox1"></asp:RequiredFieldValidator>
<br />
<asp:Button ID="Button1" runat="server" Text="Button" />

<ajaxToolkit:ValidatorCalloutExtender runat="Server" ID="ValidatorCalloutExtender1"
TargetControlID="RequiredFieldValidator1" Width="350px" />