# Dijit Validation Widgets

First Name: TextBox class, tabIndex=2, Attributes: {trim: true, propercase: true, intermediateChanges: true, style: 'width:700px', selectOnClick: true}, First letter of each word is upper case.
onChange:
Last Name: TextBox class, Attributes: {trim: true, uppercase: true, "class": 'verylong'}, all letters converted to upper case.
Age: NumberTextBox class, tabIndex=1, Attributes: {trim: true}, no initial value specified, tooltipPosition=[above, below]. Displays a prompt message if field is blank.
onChange:
Favorite Number (1-100): NumberTextBox class, Attributes: required=true, must be integer, no messages provided, no initial value specified, maxlength=3
Occupation: ValidationTextBox class, Attributes: {lowercase: true, required: true, "class": verylong, style: font-size: 15pt;}. Displays a prompt message if field is blank.
Elevation: IntegerTextBox class, Attributes: {required: true, min:-20000, max:+20000 }, displays a prompt message if field is blank, thousands separator remains during editing. Enter feet above sea level with a sign.
onChange:
Annual Income: CurrencyTextBox class, Attributes: {fractional: true}. Enter whole and cents. Currency symbol is optional. Cents are MANDATORY.
USD onChange:
euro currency (local format) fractional part is optional: EUR
euro currency (fixed lang: de-de) programmatically created, fractional part is optional: EUR
Regular Expression RegexpTextBox class, Attributes: {required: true}
Password (just a test that type attribute is obeyed)
Trac ticket 1651: value: null should show up as empty
initially readOnly TextBox a test that readOnly and disabled are understood for TextBox
initially disabled ValidationTextBox a test that disabled is understood for ValidationTextBox
TextBox with placeholder a test that placeholder works for TextBox. 10px padding added for testing.

## Tooltip positioning

These buttons switch the positions searched to try to place the validation error tooltips. Note that setting tooltip positioning to "above" or "below" is dangerous if you have a node with a dropdown, but the drop down might overlap the tooltip.

## Validation tooltips inside of dialogs:

NumberTextBox: