Spry User Guide - Support - Adobe

Make sure that the file path to the SpryValidationTextField.js file is correct. This path varies depending on where
you’ve placed the file in your web site.
4 Link the SpryValidationTextField.css file to your web page by inserting the following link tag in the page’s head tag:
Make sure that the file path to the SpryValidationTextField.css file is correct. This path varies depending on where
you’ve placed the file in your web site.
5 Add a text field the page and give it a name and a unique ID:
6 To add a container around the text field, insert span tags around the input tags, and assign a unique ID to the
widget, as follows:
7 Initialize the text field object by inserting the following script block after the HTML code for the widget:
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
The new JavaScript operator initializes the Text Field widget object, and transforms the span tag content with the ID
of sprytextfield1 from static HTML code into an interactive text field object. The Spry.Widget.Validation-
TextField method is a constructor in the Spry framework that creates text field objects. The information necessary
to initialize the object is contained in the SpryValidationTextField.js JavaScript library that you linked to at the
beginning of this procedure.
Make sure that the ID of the text field’s container span tag matches the ID parameter you specified in the
Spry.Widgets.ValidationTextField method. Make sure that the JavaScript call comes after the HTML code for
the widget.
8 Save the page.
The complete code looks as follows:
...
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
SPRY
User Guide
48