2012-01-12 14 views
10

cómo mostrar solo un mensaje individual para múltiples RequiredFieldValidator en lugar de mensaje individual para RequiredFieldValidator?cómo mostrar solo un mensaje para múltiples RequiredFieldValidators?

quiero como se muestra en la siguiente imagen ..

i want to as shown in following image..

mi punto de vista es ..

 my view is.

+0

que estaba buscando una solución a mí mismo. Encontré este enlace para ser el más útil: http://www.codeproject.com/Tips/72380/ValidationSummary-showing-header-text-HeaderText-o –

Respuesta

12

Usted tendrá que utilizar ValidationSummary control para esto. Consulte esto ValidationSummary Class MSDN article para obtener detalles y ejemplos sobre cómo hacer esto. Este artículo contiene un ejemplo de lo que intentas averiguar exactamente.

+0

gracias, pero he usado ValidationSummary. pero muestra múltiples mensajes para cada validador. y quiero mostrar solo un mensaje para cada validador. ¿Cómo puedo? – Rohan

+0

tendrá que ocultar cada mensaje de error usando Display = "none" para cadavalor de campo requerido – Maheep

+0

pero oculta todo el validador. !! si el control está en blanco, este validador no funcionará – Rohan

5

establezca el texto de encabezado a algo así como "(*) Los campos son obligatorios" a su resumen de validación.

+0

gracias. pero también muestra el mensaje de RequiredFieldValidator. ¿Cómo puedo ocultarlo? – Rohan

2

puedo ver lo que está tratando de hacer, pero es difícil con el ASP.Net validadores

La única manera que puedo pensar para hacerlo es eliminar la ValidationSummary por completo y de forma manual crear su propio uso de la ASP.Net API validador y jQuery es decir

  1. Cambiar todos los validadores requeridos a ErrorMessage = "*" Eliminar valor de texto
  2. eliminar la validación Resumen
  3. Añadir una etiqueta en la parte inferior para que funcione como un validat personalizada o resumen Estilo de rojo
  4. En la página de guión marcado algo así como
if(!Page_IsValid) {  
    $('#myCustomValidatorSummary').text('Please fill in required fields') 
}

Page_IsValid es de la API validador ASP.Net. Establezca en falso si la página falla la validación.

Por supuesto, esto supone que solo tiene los validadores de campo requeridos en su formulario. Si hay una mezcla, entonces tendrá que comprobar si uno o más de los requeridos han fracasado por iteración a través de la Page_Validators en el cliente utilizando jQuery/javascript

Honestamente, sin embargo yo no lo haría - es demasiado dura

me acaba de hacer esto - para cada validador de campo requerida - establece

Text="*" 
ErrorMessage="[Field Name] is mandatory. Please supply a value." or similar. 
0

uso ValidationSummary

El control ValidationSummary se utiliza para mostrar un resumen de todos los errores de validación se produjo en un web página.

El mensaje de error que se muestra en este control se especifica mediante la propiedad ErrorMessage de cada control de validación. Si no se establece la propiedad ErrorMessage del control de validación, no se muestra ningún mensaje de error para ese control de validación.

http://asp-net-example.blogspot.in/2008/10/validationsummary-example-how-to-use.html

5

puede dejar campo de mensaje de error de cada RequiredFieldValidator en blanco y poner * en el campo de texto, a continuación, añadir ValidationSummary definir su texto de cabecera con el error msg esta voluntad trabaja para su escenario.

<asp:RequiredFieldValidator ID="RequiredFieldValidator_overhead_name" runat="server" ControlToValidate="TextBox_overhead_name">*</asp:RequiredFieldValidator> 


<asp:ValidationSummary ID="ValidationSummary_overhead_estimate" runat="server" DisplayMode="SingleParagraph" HeaderText="please insert data into fileds" /> 
+1

esto es realmente un truco .. gracias por compartir – Waqas

1

manera rápida y fácil: añadir un CssClass a la ValidationSummary, a continuación, un estilo CSS que establece los elementos ul dentro de esa clase para mostrar: ninguno.

Por ejemplo:

<style> 
.validationSummary ul {display:none} 
<stlye> 

...

<asp:ValidationSummary CssClass="validationSummary" ... 
0

Para añadir a la respuesta de Mike Godin, por sólo muestra un único mensaje de alerta para varios validadores de campo:

Mantenga requiere individuo mensajes. Agregue el Resumen de Validación con DisplayMode = "BulletList" y HeaderText = "Proporcione la información solicitada arriba".

El modo de visualización "BulletList" produce una lista desordenada de LI del interior del Resumen DIV validación, a continuación, ocultar UL a través de un estilo - sólo el "HeaderText" mostrará:

#validationSummary ul { 
     display:none; 
    } 

<asp:ValidationSummary 
    id="validationSummary" 
    DisplayMode="BulletList" 
    EnableClientScript="true" 
    HeaderText="Please provide the required information above." 
    ValidationGroup="btnSubmit" 
    runat="server"/> 
Cuestiones relacionadas