jqxNumberInput – jQuery widget for controlled data input
The jqxNumberInput widget allows you to edit currency, percentages and any type of numeric data. The edited data can be presented in various formats. Other built-in capabilities are customizable number of digits and decimal digits, currency symbol’s string and position, group and decimal separator character.
See Online NumberInput Demos
Features
- Number Specific formatting
- TextBox Input
- Validation
- Cross-browser/cross-platform support
- Appearance and Themes
Number Specific formatting
With the jqxNumberInput you can fully customize the displayed numeric value. You can customize the:
- Char to use as the decimal separator in numeric values
- Number of decimal places to use in numeric values
- Number of digits to use in numeric values
- Prompt char displayed when an editable char is empty
- String to use as currency or percentage symbol
- Position of the currency or percentage symbol in the input
- Minimum and Maximum Input value
- String that separates groups of digits to the left of the decimal in numeric values
TextBox Input
jqxNumberInput supports an additional input mode which much resembles the default textbox input. This input mode is without prompt characters and is restricting the user input to numeric values.
Validation
Validating user input is a common scenario in a Web-based application. jqxNumberInput has a built-in validation. If the user enters a value which is not between the jqxNumberInput’s min – max range, the widget displays a prompt popup message.