Spry User Guide - Support - Adobe
Spry User Guide - Support - Adobe
Spry User Guide - Support - Adobe
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
A<br />
B<br />
A. Validation checkbox widget group, minimum number of selections state B. Validation Checkbox widget, required state<br />
The Validation Checkbox widget includes a number of states (for example, valid, invalid, required value, and so on).<br />
You can alter the properties of these states by using the Property inspector, depending on the desired validation<br />
results. A Validation Checkbox widget can validate at various points (for example, when the user clicks outside the<br />
widget, as the user makes selections, or when the user tries to submit the form).<br />
Initial state When the page loads in the browser, or when the user resets the form.<br />
Valid state When the user makes a selection, or the correct number of selections, and the form can be submitted.<br />
Required state When the user fails to make a required selection.<br />
Minimum Number Of Selections state When the user selects fewer than the minimum number of checkboxes<br />
required.<br />
Maximum Number Of Selections state When the user selects greater than the maximum number of checkboxes<br />
allowed.<br />
SPRY<br />
<strong>User</strong> <strong>Guide</strong><br />
Whenever a Validation Checkbox widget enters one of these states through user interaction, the <strong>Spry</strong> framework<br />
logic applies a specific CSS class to the HTML container for the widget at run time. For example, if a user tries to<br />
submitaform,butmakesnoselections,<strong>Spry</strong>appliesaclasstothewidgetthatcausesittodisplaytheerrormessage,<br />
“Please make a selection.” The rules that control the style and display states of error messages reside in the <strong>Spry</strong>ValidationCheckbox.css<br />
file that accompanies the widget.<br />
The default HTML code for the Validation Checkbox widget, usually inside a form, is made up of a container span<br />
tag that surrounds the input type="checkbox" tag of the checkbox. The HTML code for the Validation Checkbox<br />
widget also includes script tags in the head of the document and after the widget’s HTML code.<br />
The HTML code for the Validation Checkbox widget also includes script tags in the head of the document and<br />
after the widget’s HTML code. The script tag in the head of the document defines all of the JavaScript functions<br />
related to the Checkbox widget. The script tag after the widget code creates a JavaScript object that makes the<br />
checkbox interactive.<br />
Following is the HTML code for a Validation Checkbox widget:<br />
84