America/US Samples
Europe Samples
Asia Samples

Gaia Ajax: ValidationSummary

The Gaia Ajax ValidationSummary displays a summary of all validation errors inline on a Web page, in a message box, or both. It inherits from the ASP.NET ValidationSummary, and has built-in Ajax behaviour.

Card Type:

Card Number:  
 

Markup (ASPX/.aspx)

   1:   
   2:      <div class="validation-row">
   3:          <div>
   4:              <gaia:ValidationSummary ID="ValidationSummary1" runat="server"
   5:                  DisplayMode="List" HeaderText="Please enter a value in the following fields:" />
   6:          </div>
   7:      </div>
   8:      <div class="validation-row">
   9:          <div class="validation-col-first">
  10:              Card Type:
  11:              <gaia:RequiredFieldValidator ID="zRequiredFieldValidator1" ControlToValidate="zCardType"
  12:                  ErrorMessage="Card Type" Display="Dynamic" InitialValue=""
  13:                  runat="server">*</gaia:RequiredFieldValidator>
  14:          </div>
  15:          <div class="validation-col-second">
  16:              <gaia:RadioButtonList ID="zCardType" RepeatLayout="Flow" runat="server">
  17:                  <asp:ListItem>MasterCard</asp:ListItem>
  18:                  <asp:ListItem>Visa</asp:ListItem>
  19:              </gaia:RadioButtonList>
  20:          </div>
  21:      </div>
  22:      <div class="validation-row">
  23:          <div class="validation-col-first">
  24:              Card Number:
  25:              <gaia:RequiredFieldValidator ID="zRequiredFieldValidator2" runat="server"
  26:                  ControlToValidate="zCardNumber" ErrorMessage="Card Number">*</gaia:RequiredFieldValidator>
  27:          </div>
  28:          <div class="validation-col-second">
  29:              <gaia:TextBox ID="zCardNumber" runat="server" />
  30:          </div>
  31:      </div>
  32:      <div class="validation-row">
  33:          <div class="validation-col-first">
  34:              &nbsp;
  35:          </div>
  36:          <div class="validation-col-second">
  37:              <gaia:Button ID="zSubmit" runat="server" Text="Submit" />
  38:          </div>
  39:      </div>
  40: