jQuery Number Input

Javascript/jQuery UI Widgets

Show Demo List

Introduction

jsEditor

Number

Percentage

Currency

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.

Web UI Widgets

Integration & Tools

Introduction

Features

Number Specific formatting

TextBox Input

Validation