Operation Manual
433
USING DREAMWEAVER
Building Spry pages visually
Last updated 3/28/2012
A. Password widget, minimum number of characters state B. Password widget, maximum number of characters state C. Password widget,
required state
The Validation Password widget includes a number of states (for example, valid, required, minimum number of
characters, and so on). You can alter the properties of these states by editing the corresponding CSS file
(SpryValidationPassword.css), depending on the desired validation results. A Validation Password widget can validate
at various points—for example, when the site visitor clicks outside the text field, when they type, or when they try to
submit the form.
Initial state When the page loads in the browser, or when the user resets the form.
Focus state When the user places the insertion point in the widget.
Valid state When the user enters information correctly, and the form can be submitted.
Invalid strength state When the user enters text that does not match the strength criteria for the password text field.
(For example, if you’ve specified that a password must contain at least two uppercase letters, and the entered password
contains no or only one uppercase letter).
Required state When the user fails to enter required text in the text field.
Minimum Number Of Characters state When the user enters fewer than the minimum number of characters required
in the password text field.
Maximum Number Of Characters state When the user enters more than the maximum number of characters allowed
in the password text field.
For a more comprehensive explanation of how Validation Password widgets work, as well as additional information
about widget structure, see
www.adobe.com/go/learn_dw_sprypassword_en.
More Help topics
Validation Password widget samples
Insert and edit the Validation Password widget
Insert the Validation Password widget
1 Select Insert > Spry > Spry Validation Password.
2 Complete the Input Tag Accessibility Attributes dialog box and click OK.
Note: You can also insert a Validation Password widget by using the Spry category in the Insert panel.
More Help topics
“Create accessible HTML forms” on page 638
A
B
C