Spry User Guide - Support - Adobe

var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1",
"zip_code", {format:"zip_custom", pattern:"AA\\\\00AA"});
The preceding code results in a text field that accepts values such as UT\99CW, AB\87PP, GV\44RE, and so on, with
the backslash appearing as an autocomplete character after the user types the first two capital letters.
SPRY
User Guide
Customize state-related class names
Whileyoucanreplaceerror-message-relatedclassnameswithclassnamesofyourownbychangingtherulesinthe
CSS code and the class names in the HTML code, you cannot change or replace state-related class names, because
the behaviors are hard-coded as part of the Spry framework. You can, however, override the default state-related class
name with your own class name by specifying a new value in the third parameter of the widget constructor.
❖ To change widget state-related class names, add one of the overriding options to the third parameter of the widget
constructor, and specify your custom class name, as follows:
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none",
{requiredClass:"required"});
The following table provides a list of options you can use to override built-in state-related class names.
Option Description
requiredClass Overrides the "textfieldRequiredState" built-in value
invalidFormatClass Overrides the "textfieldInvalidFormatState" built-in
value
validClass Overrides the "textfieldValidState" built-in value
focusClass Overrides the "textfieldFocusState" built-in value
invalidFormatClass Overrides the "textfieldInvalidFormatState" built-in
value
invalidRangeMinClass Overrides the "textfieldMinValueState" built-in value
invalidRangeMaxClass Overrides the "textfieldMaxValueState" built-in value
invalidCharsMinClass Overrides the "textfieldMinCharsState" built-in value
invalidCharsMaxClass Overrides the "textfieldMaxCharsState" built-in value
textfieldFlashTextClass Overrides the "textfieldFlashText" built-in value
Working with the Validation Text Area widget
Validation Text Area widget overview and structure
A Spry Validation Text Area widget is a text area that displays valid or invalid states when the user enters a few
sentences of text. If the text area is a required field and the user fails to enter any text, the widget returns a message
stating that a value is required.
The following example shows a Validation Text Area widget in various states.
65