Ocultar espacio innecesario cuando los mensajes de error de validación no se activan en la página ASP

Question

Quiero validar algunos cuadros de texto en mi página ASP.NET usando la validación de campo requerida por ASP. Y quiero mostrar ese mensaje de error en la parte superior de la página.

<table> 
    <tr><td colspan='2'><b> User Input</b><br/></td></tr> 
    <tr><td colspan='2'> 
      <%--input validations--%> 
      <asp:RegularExpressionValidator ID="regexpName1" runat="server"  
       ErrorMessage="This expression does not validate." 
       ControlToValidate="TextBox_adTitle"  
       ValidationExpression="^[a-zA-Z'.\s]{1,40}$" /> 
      <br /> 
      <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
       ControlToValidate="TextBox_1" ErrorMessage="RequiredFieldValidator"></asp:RequiredFieldValidator> 
     <br /> 
     </td> 
    </tr> 
    <tr><td> 
     <asp:Label ID="Label_name" runat="server" Text="Seller Name * "></asp:Label> 
     </td> 
     <td> 
      <asp:TextBox ID="TextBox_1" runat="server" ReadOnly="True" ></asp:TextBox>   
     </td> 
    </tr> 

... 

Esto está funcionando bien. Sin embargo, la primera fila de la tabla conserva su espacio, incluso los mensajes de error no se muestran en ella. Esto hará que la interfaz de usuario se vea mal en la página, ya que hay espacio innecesario cuando se carga la página.

¿Cómo puedo ocultar el espacio de la primera fila (fila de mensajes de error de validación) mientras se carga la página y cuando no hay un error de validación?

Answer 1

Encontré una buena manera de resolver esto.

Ponga su validación dentro de un panel, y haga que se muestren como "ninguno".

<asp:Panel ID="Panel1" runat="server" > 
    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
      ErrorMessage="RequiredFieldValidator1" ControlToValidate="TextBox1" Display="None"></asp:RequiredFieldValidator><br /> 
     <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
      ErrorMessage="RequiredFieldValidator2" ControlToValidate="TextBox2" Display="None"></asp:RequiredFieldValidator><br /> 
</asp:Panel> 

Y la parte superior de la página ASP Añadir un resumen de validación.

<table> 
     <tr> 
     <td> <asp:ValidationSummary id="summery1" runat="server"/></td> 
     </tr> 
    .... 

El resumen de validación solo requiere espacio en Página.

Answer 2

Es necesario configurar

Display="Dynamic" 

propiedad a su validador, esto hará que el comportamiento deseable.

Answer 3

Para ocultar validadores hacen esto

<tr> 
    <td>TEXT</td> 
</tr> 
<tr> 
    <td>INPUT 
    <br/> 
    <asp:validator....></> 
    </td> 
</tr> 

O

<tr> 
    <td>TEXT</td> 
</tr> 
<tr> 
    <td>INPUT 
    <div> 
     <asp:validator....></> 
    </div> 
    </td> 
</tr> 

Answer 4

solución simple. Agregue esto a validador:

CssClass="AT3RValidator" 

.AT3RValidator { 
    display:none; 
} 

Y configurado para mostrar = "dinámico", pero que todavía rendirá espacio vacío debido a que establece la visibilidad: oculto estilo a palmo validador generado, que es diferente del display: none, que presta espacio vacío no deseado.

Answer 5

Solo agregue la propiedad.

Display = "dinámica"

dentro de su Validador, Ejemplo dan a continuación.

<asp:RequiredFieldValidator ID="rfvEmail" runat="server" Display="Dynamic" ForeColor="Red" ErrorMessage="Please enter Email" ControlToValidate="txtEmail" ValidationGroup="addManufacture"></asp:RequiredFieldValidator>