summaryrefslogtreecommitdiff
path: root/tests/FunctionalTests/features/protected/pages/ValidatorEffects.page
blob: 7fca0f568ab779070c49b9787de1f2e449351ac0 (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
98
99
100
101
102
103
104
105
106
<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:ClientSide.OnError>
		Effect.Shake(validator.control);
		Effect.Appear(validator.message);
	</prop:ClientSide.OnError>
	<prop:ClientSide.OnSuccess>
		Effect.Fade(validator.message);
	</prop:ClientSide.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"
	ClientSide.OnError="validator.message.visualEffect('appear')"
	ClientSide.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"
		ClientSide.OnHideSummary="Effect.Squish(summary.messages)"
		HeaderText="<p>You could not login because</p>">
	<prop:ClientSide.OnShowSummary>
		Effect.Appear(summary.messages)
		Effect.Shake(summary.messages,{ queue: 'end'})
	</prop:ClientSide.OnShowSummary>	
	</com:TValidationSummary>
</div>

</fieldset>

<com:TLinkButton ID="linkButton1" 
	Text="Click Me" 
	OnClick="linkButton1_Clicked">
	<prop:Attributes.onclick>
	if(!confirm('<%= Prado::localize("Confirm Delete") %>')) 
		return false;
	</prop:Attributes.onclick>
</com:TLinkButton>


</com:TContent>