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.
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.)
Population:
IntegerTextbox class, Attributes: {trim: true, required: true, signed: false, separator: ","}.
This widget was added in script, not markup.
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.
Annual Income:
CurrencyTextbox class, Attributes: {fractional: true}. Enter dollars and cents.
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)
view data