InputNumber

A number input field. Control allows you to define range of number to be inputted.

Features:

XHTML 1.1 compliance
Complete ASP.NET AJAX support
Section 508 compliance
Keyboard shortcut support
Full Visual Studio design-time support
You can choose negative and fraction number options
You can set precision for input number
Allows to define a range of valid numbers
The control can display value using mask
Appearance customization
Component has increment buttons and button to call pop-up calculator
Rich Client-side API
This component works with Internet Explorer, Opera and FireFox

InputNumber view samples:

	Simple InputNumber - looks like standard TextBox
	InputNumber with increment buttons
	InputNumber with large increment buttons
	InputNumber with full increment buttons
	InputNumber with calculator

InputNumber calculator - easy calculator for mathematical calculations:

Value property's type is Nullable System.Double type. So if you need to get Double value use InputNumber.Value.Value property.

If InputNumber is empty then InputNumber.Value.HasValue == false and InputNumber.Value.Value == null

CanBeFraction property defines if the input number can be fractional. CanBeNegative property defines if the number can be negative. Number precision is defined by NumberPrecision property. Component has a Value property, which returns values of type Double.

If MinValue and MaxValue properties are both equal to 0, then there is no limitation for the input number.

Keyboard navigation

Use keyboard to navigate InputNumber. You can use next keys:

Keyboard key	Action
Up	Increment the number
Down	Decrement the number

Display using mask

When InputNumber control has no focus, the control can display value using mask. Use DisplayMask property to set the mask.

Mask samples:

Mask	Display value	Editing value
###,###,###,###,### Big decimal number	123,456,789,123	123456789123
(###) ###_#### Phone number	(123) 222_3344	1232223344
###_##_#### Social security number	222_55_7777	222557777
##/##/## ##:## Short date-time	12/11/06 11:19	1211061119

# - is digit placeholder. In editing mode will be replaced with number.

When number decimal separator is '.' then ',' char allowed to use in mask, overwise if decimal separator is ',' then ',' char is not correct for use as mask char and will be ignored during rendering.

See Also

Client-side API: InputNumber client side API

Overview: Overview