Test Textbox Validation Widgets

First Name: Textbox class, Attributes: {trim: true, ucFirst: true, class: 'medium'}, First letter of each word is upper case.

Last Name: Textbox class, Attributes: {trim: true, uppercase: true, class: 'medium'}, all letters converted to upper case.

Age: Textbox class, Attributes: {trim: true, digit: true, class: 'small'}, all but digits extracted.

Occupation: ValidationTextbox class, Attributes: {lowercase: true, required: true}. Displays message if field is missing.

* The occupation is required.

Elevation: IntegerTextbox class, Attributes: {trim: true, required: true, signed: true classPrefix: "myValidateColor"}, Enter feet above sea level with a sign. (note: these colors are drastically different due to demonstrating the effects of classPrefix.)

Invalid elevation. Be sure to use a plus or minus sign.

Population: IntegerTextbox class, Attributes: {trim: true, required: true, signed: false, separator: ","}.
This widget was added in script, not markup.

* This value is out of range.

Real Number: RealNumberTextbox class, Attributes: {trim: true, required: true}. Enter any sort of real number.

Exponential Notation: RealNumberTextbox class, Attributes: {exponent: true}. Enter a real number in exponential notation.

Number must be in exponential notation. Example +5E-28

Annual Income: CurrencyTextbox class, Attributes: {fractional: true}. Enter dollars and cents.

* This value is out of range.

IPv4 Address: IpAddressTextbox class, Attributes: {allowIPv6: false, allowHybrid: false}. Also Dotted Hex works, 0x18.0x11.0x9b.0x28

IPv6 Address: IpAddressTextbox class, Attributes: {allowDottedDecimal: false, allowDottedHex: false}. Also hybrid works, x:x:x:x:x:x:d.d.d.d

URL: UrlTextbox class, Attributes: {required: true, trim: true, scheme: true}.

Email Address EmailTextbox class, Attributes: {required: true, trim: true}.

Email Address List EmailListTextbox class, Attributes: {required: true, trim: true}.

Date (American format) DateTextbox class, Attributes: {lang: "en-us", required: true, trim: true}. Works for leap years

Date (German format) DateTextbox class, Attributes: {formatLength:"medium", lang: "de-de", required: true, trim: true}. Works for leap years

Date (European format) using format (deprecated in 0.5) DateTextbox class, Attributes: {format:"YYYY.MM.DD", required: true, trim: true}. Works for leap years

12 Hour Time TimeTextbox class, Attributes: {formatLength: "medium", required: true, trim: true}

24 Hour Time TimeTextbox class, Attributes: {displayFormat:"HH:mm:ss", required: true, trim: true}

24 Hour Time using format attribute (deprecated in 0.5) TimeTextbox class, Attributes: {format:"HH:mm:ss", required: true, trim: true}

US State 2 letter abbr. UsStateTextbox class, Attributes: {required: true, trim: true, uppercase: true}

US Zip Code UsZipTextbox class, Attributes: {required: true, trim: true} Five digit Zip code or 5 + 4.

US Social Security Number UsSocialSecurityNumberTextbox class, Attributes: {required: true, trim: true}

10-digit US Phone Number UsPhoneNumberTextbox class, Attributes: {required: true, trim: true}

Regular Expression RegexpTextbox class, Attributes: {required: true, trim: true}

Password (just a test that type attribute is obeyed)