Aware Controls | JavaScript (ES5) Numeric Textbox Demos

The Numeric Textbox control is used to enter numeric input from a user.

Default Behavior

Demonstrates the default behavior of the Numeric Textbox control.

new ac.inputs.NumericTextBox({ value: 11 }, "#txtNumericTextbox");

<input id="txtNumericTextbox" type="text" />

Demonstrates the Numeric Textbox control with a currency format.

new ac.inputs.NumericTextBox(
	{
		format: "c2",
		value: 27.11
	},
	"#txtNumericTextbox"
);

<input id="txtNumericTextbox" type="text" />

Demonstrates the Numeric Textbox control with a percent format.

new ac.inputs.NumericTextBox(
	{
		format: "p2",
		value: 0.11,
		min: 0,
		max: 1,
		step: 0.01
	},
	"#txtNumericTextbox"
);

<input id="txtNumericTextbox" type="text" />

Demonstrates the Numeric Textbox control with a custom format.

new ac.inputs.NumericTextBox(
	{
		format: "### miles",
		value: 11
	},
	"#txtNumericTextbox"
);

<input id="txtNumericTextbox" type="text" />