From c927f9343001b456c1fa25dc541c3f1b005510f8 Mon Sep 17 00:00:00 2001
From: wei <>
Date: Sat, 5 Aug 2006 03:42:04 +0000
Subject: Fixed #278

---
 .../Samples/TClientSideValidator/Home.page         | 41 ++++++++++++++++++++++
 .../Controls/Samples/TClientSideValidator/Home.php | 23 ++++++++++++
 .../protected/pages/Controls/Validation.page       | 35 ++++++++++++++++++
 3 files changed, 99 insertions(+)
 create mode 100644 demos/quickstart/protected/pages/Controls/Samples/TClientSideValidator/Home.page
 create mode 100644 demos/quickstart/protected/pages/Controls/Samples/TClientSideValidator/Home.php

(limited to 'demos/quickstart/protected/pages')

diff --git a/demos/quickstart/protected/pages/Controls/Samples/TClientSideValidator/Home.page b/demos/quickstart/protected/pages/Controls/Samples/TClientSideValidator/Home.page
new file mode 100644
index 00000000..e96e7c12
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TClientSideValidator/Home.page
@@ -0,0 +1,41 @@
+<com:TContent ID="body">
+	<h1>Validator Toggle - Server and Client Side</h1>
+	<com:TLabel ForControl="text1" Text="Text 1:" />
+	<com:TTextBox ID="text1" />
+	<com:TRequiredFieldValidator
+		ID="validator1"
+		ControlToValidate="text1" 
+		ErrorMessage="Text 1 is required" />
+	<div>
+	<com:TCheckBox ID="check1" Text="More..." />
+	</div>
+	
+	<com:TPanel ID="panel1" Style="display:none" > 
+		<com:TLabel ForControl="text2" Text="Text 2:" />
+		<com:TTextBox ID="text2" />
+		
+	<com:TRequiredFieldValidator
+		ID="validator2"
+		ControlToValidate="text2"
+		OnValidate="validator2_onValidate"
+		OnPreRender="validate2_onPostValidate"
+		ErrorMessage="Text 2 is required">
+	<prop:ClientSide.OnValidate>
+		validator.enabled = $("<%= $this->check1->ClientID %>").checked;
+	</prop:ClientSide.OnValidate>
+	</com:TRequiredFieldValidator>	
+	
+	</com:TPanel>
+	
+	<com:TButton ID="button1" Text="Submit!" />
+	
+	<com:TClientScript>
+	Event.OnLoad(function()
+	{
+		Event.observe("<%= $this->check1->ClientID %>", "click", function(ev)
+		{
+			$("<%= $this->panel1->ClientID %>").toggle();
+		});
+	});
+	</com:TClientScript>
+</com:TContent>
\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TClientSideValidator/Home.php b/demos/quickstart/protected/pages/Controls/Samples/TClientSideValidator/Home.php
new file mode 100644
index 00000000..c5440996
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TClientSideValidator/Home.php
@@ -0,0 +1,23 @@
+<?php
+
+class Home extends TPage
+{
+	function validator2_onValidate($sender, $param)
+	{
+		$sender->Enabled = $this->check1->Checked;
+	}
+	
+	function validate2_onPostValidate($sender, $param)
+	{
+		$sender->Enabled = true;
+	}
+	
+	function onPreRender($param)
+	{
+		parent::onPreRender($param);
+		$this->panel1->Style = 
+			$this->check1->Checked ? "display:block" : "display:none";		
+	}	
+}
+
+?>
\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Validation.page b/demos/quickstart/protected/pages/Controls/Validation.page
index 12836b8c..2241f346 100644
--- a/demos/quickstart/protected/pages/Controls/Validation.page
+++ b/demos/quickstart/protected/pages/Controls/Validation.page
@@ -151,4 +151,39 @@ The summary can be displayed as a list, a bulleted list, or a single paragraph b
 </p>
 <com:RunBar PagePath="Controls.Samples.TValidationSummary.Home" />
 
+<h2>Client and Server Side Conditional Validation</h2>
+<p>
+	All validators contains the following events.
+	<ul>
+		<li>The <tt>OnValidate</tt> event is raise before the validator validation functions are called.</li>
+		<li>The <tt>OnSuccess</tt> event is raised after the validator has successfully validate the control.</li>
+		<li>The <tt>OnError</tt> event is raised after the validator fails validation.</li>
+	</ul>
+	The corresponding events for the client side is available as sub-properties
+	of the <tt>ClientSide</tt> property of the validator. 
+</p>
+<p>The following example pop-up a message saying "hello" when the validator fails on the client-side.
+<com:TTextHighlighter Language="prado" CssClass="source">
+&lt;com:TRequiredFieldValidator ... &gt;
+	&lt;prop:ClientSide.OnError&gt;
+		alert("hello");
+	&lt;/prop:ClientSide.OnError&gt;
+&lt;/com:TRequiredFieldValidator&gt;
+</com:TTextHighlighter>
+The resulting client-side event callback function is of the following form.
+<com:TTextHighlighter Language="javascript" CssClass="source">
+function onErrorHandler(validator, sender)
+{
+	alert("hello");
+}
+</com:TTextHighlighter>
+Where <tt>validator</tt> is the current client-side validator and <tt>sender</tt>
+is the control that invoked the validator.
+</p>
+<h3>Conditional Validation Example</h3>
+<p>
+The following example show the use of client-side and server side validator events. The example
+demonstrates conditional validation. 
+<com:RunBar PagePath="Controls.Samples.TClientSideValidator.Home" />
+</p>
 </com:TContent>
\ No newline at end of file
-- 
cgit v1.2.3