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.
var sprytextfield1= new <strong>Spry</strong>.Widget.ValidationTextField("sprytextfield1",<br />
"phone_number");<br />
<br />
The default format is U.S. area code and phone number format: (000) 000-0000, but you can specify a custom format<br />
in the third parameter by using the "phone_custom" and "pattern" options, as in the following example:<br />
<br />
var textfieldwidget1 = new <strong>Spry</strong>.Widget.ValidationTextField("textfieldwidget1",<br />
"zip_code", {format:"phone_custom" , pattern:"00 0000 A"});<br />
<br />
The following table shows a full list of values used for custom patterns.<br />
Value Description<br />
"0" Whole numbers between 0 and 9<br />
"A" Uppercase alphabetic characters<br />
"a" Lowercase alphabetic characters<br />
"B"; "b" Case-insensitive alphabetic characters<br />
"X" Uppercase alphanumeric characters<br />
"x" Lowercase alphanumeric characters<br />
"Y"; "y" Case-insensitive alphanumeric characters<br />
"?" Any character<br />
The "A", "a", "X", and "x" custom pattern characters are case sensitive. In situations that use these characters, <strong>Spry</strong><br />
converts the characters to the correct case, even if the user enters the wrong case.<br />
The following table shows some other common options and values for the third parameter.<br />
Option Value<br />
format "phone_number" (the default); "phone_custom"<br />
validateOn ["blur"]; ["change"]; or both together (["blur", "change"])<br />
isRequired true (the default); false<br />
useCharacterMasking false (the default); true<br />
minChars/maxChars Not applicable<br />
minValue/maxValue Not applicable<br />
pattern Custom phone pattern. Used when<br />
format="phone_custom"<br />
Validate a social security number<br />
❖ To set the text field to accept a social security number format, add "social_security_number" as the value for<br />
the second parameter in the constructor, as follows:<br />
SPRY<br />
<strong>User</strong> <strong>Guide</strong><br />
56