Nascondere lo spazio non necessario quando i messaggi di errore di convalida non vengono attivati ​​nella pagina ASP

Question

Voglio convalidare alcune caselle di testo nella mia pagina ASP.NET utilizzando la convalida del campo richiesta ASP. E voglio visualizzare quel messaggio di errore nella parte superiore della pagina.

<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> 

... 

Questo funziona correttamente. Tuttavia, la prima riga della tabella mantiene il proprio spazio anche se i messaggi di errore non vengono visualizzati su di essa. Ciò causerà un aspetto sfavorevole della UI sulla pagina poiché lo spazio non necessario è presente quando la pagina viene caricata.

Come nascondere lo spazio della prima riga (riga dei messaggi di errore della convalida) mentre la pagina è in fase di caricamento e quando non vi sono errori di convalida?

Answer 1

Ho trovato un buon modo per risolvere questo problema.

Inserire la convalida in un pannello e visualizzarli come "nessuno".

<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> 

E parte superiore della pagina ASP Aggiungere un riepilogo di convalida.

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

Il riepilogo di convalida ottiene solo lo spazio richiesto in Pagina.

Answer 2

è necessario impostare

Display="Dynamic" 

proprietà alla validatore, questo farà sì che il comportamento desiderabile.

Answer 3

Per nascondere validatori farlo

<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

soluzione semplice. Aggiungi questo al validatore:

CssClass="AT3RValidator" 

.AT3RValidator { 
    display:none; 
} 

E impostare la visualizzazione = "Dinamico", ma che sarà ancora rendere lo spazio vuoto perchè che imposta visibility: hidden stile alla portata validatore generato, che è diverso dal display: none, rende spazio vuoto indesiderato.

Answer 5

Basta aggiungere Proprietà.

Display = "Dynamic"

all'interno del vostro Validator, Esempio dare seguito.

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