Spry User Guide - Support - Adobe

6 Add a container around the checkboxes by inserting span tags around the input tags, and assigning a unique ID
to the widget, as follows:
7 To initialize the Spry validation checkbox object, insert the following script block after the HTML code for the
widget:
var sprycheckbox1 = new Spry.Widget.ValidationCheckbox("sprycheckbox1");
The new JavaScript operator initializes the Checkbox widget object, and transforms the span tag content with the ID
of sprycheckbox1 from static HTML code into an interactive checkbox object. The Spry.Widget.ValidationCheckbox
method is a constructor in the Spry framework that creates checkbox objects. The information
necessary to initialize the object is contained in the SpryValidationCheckbox.js JavaScript library that you linked to
at the beginning of this procedure.
Make sure that the ID of the checkbox widget’s container span tag matches the ID parameter you specified in the
Spry.Widgets.ValidationCheckbox 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 sprycheckbox1 = new Spry.Widget.ValidationCheckbox("sprycheckbox1");
Display error messages
❖ Create a span tag (or any other type of tag) to display the error message, and assign the appropriate class to it, as
follows:
Please make a selection.
SPRY
User Guide
87