[Sommaire] [Imprimer]

   1  <com:TContent ID="body">
   2      <h1>Validator Toggle - Server and Client Side</h1>
   3      <com:TLabel ForControl="text1" Text="Text 1:" />
   4      <com:TTextBox ID="text1" />
   5      <com:TRequiredFieldValidator
   6          ID="validator1"
   7          ControlToValidate="text1"
   8          ErrorMessage="Text 1 is required" />
   9      <div>
  10      <com:TCheckBox ID="check1" Text="More..." />
  11      </div>
  12  
  13      <com:TPanel ID="panel1" Style="display:none" >
  14          <com:TLabel ForControl="text2" Text="Text 2:" />
  15          <com:TTextBox ID="text2" />
  16  
  17      <com:TRequiredFieldValidator
  18          ID="validator2"
  19          ControlToValidate="text2"
  20          OnValidate="validator2_onValidate"
  21          OnPreRender="validate2_onPostValidate"
  22          ErrorMessage="Text 2 is required">
  23      <prop:ClientSide.OnValidate>
  24          sender.enabled = $("<%= $this->check1->ClientID %>").checked;
  25      </prop:ClientSide.OnValidate>
  26      </com:TRequiredFieldValidator>
  27  
  28      </com:TPanel>
  29  
  30      <com:TButton ID="button1" Text="Submit!" />
  31  
  32      <com:TClientScript>
  33      Event.OnLoad(function()
  34      {
  35          Event.observe("<%= $this->check1->ClientID %>", "click", function(ev)
  36          {
  37              $("<%= $this->panel1->ClientID %>").toggle();
  38          });
  39      });
  40      </com:TClientScript>
  41  </com:TContent>