summaryrefslogtreecommitdiff
path: root/tests/FunctionalTests/features/protected/pages/ValidatorEffects.page
blob: 22a034cf27981bc3844f80ea021c9e6ff0ecdaef (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<com:TContent ID="Content">

<h1>Validator Visual Effects Test</h1>
<fieldset id="quickRegistration">
	<legend>Create New Account</legend>

<com:TClientScript UsingPradoScripts="effects,logger" />

<div class="username">
	Username: 
	<com:TTextBox ID="Username" />
	<com:TRequiredFieldValidator
		ID="UsernameVal"
		ControlToValidate="Username"
		ValidationGroup="registration" 
		ControlCssClass="required"
		Display="Dynamic"
		ErrorMessage="a username is required.">
	<prop:ClientValidation.OnError>
		Effect.Shake(validator.control);
		Effect.Appear(validator.message);
	</prop:ClientValidation.OnError>
	<prop:ClientValidation.OnSuccess>
		Effect.Fade(validator.message);
	</prop:ClientValidation.OnSuccess>
	</com:TRequiredFieldValidator>		
</div>
<div class="password">
	Password
	<com:TTextBox ID="Password" TextMode="Password" />
	<!-- alternate synatx : see 
	http://encytemedia.com/blog/articles/2006/03/07/prototype-gets-some-serious-syntactic-sugar
	-->
<com:TRequiredFieldValidator
	ID="PasswordVal"
	ControlToValidate="Password"
	ValidationGroup="registration" 
	ControlCssClass="required"
	Display="Dynamic"
	ClientValidation.OnError="validator.message.visualEffect('appear')"
	ClientValidation.OnSuccess="validator.message.visualEffect('fade')"
	ErrorMessage="a password is required." />	
</div>	
<div class="create">
	<com:TButton ID="Create" ValidationGroup="registration" Text="Create New Account"/>
</div>

</fieldset>


<fieldset id="LoginForm">
	<legend>Sign In</legend>

<div class="username">
	Login Name:
	<com:TTextBox ID="UserID" />
		
	<com:TRequiredFieldValidator
		ID="UserVal1"
		ControlToValidate="UserID"
		Display="None"
		ValidationGroup="signin"
		ErrorMessage="the username or email was not provided" />
</div>

<div class="password" >
	Password:
	<com:TTextBox ID="Pass" TextMode="Password" />
	<com:TRequiredFieldValidator
		ID="loginValidator3"
		ControlToValidate="Pass"
		Display="None"
		ValidationGroup="signin"
		ErrorMessage="the password was not provided" />
</div>


<com:TButton ID="login" ValidationGroup="signin" CssClass="button" Text="Sign In" />

<div class="validation">
	<com:TValidationSummary 
		ID="summary2"
		ValidationGroup="signin"
		Display="Dynamic"
		ClientValidation.OnHideSummary="Effect.Squish(summary.messages)"
		HeaderText="<p>You could not login because</p>">
	<prop:ClientValidation.OnShowSummary>
		Effect.Appear(summary.messages)
		Effect.Shake(summary.messages)
	</prop:ClientValidation.OnShowSummary>	
	</com:TValidationSummary>
</div>

</fieldset>


</com:TContent>