Gets or sets the input's number.

Code examples

Initialize a jqxNumberInput with the decimal property specified.

$("#jqxNumberInput").jqxNumberInput({ decimal: 5 }) 

Gets or sets the input's minimum value.

Code examples

Initialize a jqxNumberInput with the min property specified.

$("#jqxNumberInput").jqxNumberInput({ min: 5 }) 

Gets or sets the input's maximum value.

Code examples

Initialize a jqxNumberInput with the max property specified.

$("#jqxNumberInput").jqxNumberInput({ max: 50 }) 

Sets width of the input in pixels. Only positive values have effect.

Code examples

Initialize a jqxNumberInput with the width property specified.

$("#jqxNumberInput").jqxNumberInput({ width: '250px' }) 

Sets height of the input in pixels.

Code examples

Initialize a jqxNumberInput with the height property specified.

$("#jqxNumberInput").jqxNumberInput({ height: '50px' }) 

Sets the validation message of the jqxNumberInput. This message is displayed when the value is not in the min - max range.

Code examples

Initialize a jqxNumberInput with the validationMessage property specified.

$("#jqxNumberInput").jqxNumberInput({ validationMessage: 'Please enter a valid value.' }) 

Sets the input mode. Possible values: 'advanced' and 'simple'. In the advanced mode, the number input behavior resembles a masked input with numeric mask. In the simple mode, the widget works as a normal textbox, but restricts the user's input to numbers.

Code examples

Initialize a jqxNumberInput with the inputMode property specified.

$("#jqxNumberInput").jqxNumberInput({ inputMode: 'simple' });

Sets the spin mode. Possible values: 'none', 'advanced' and 'simple'. In the advanced mode, the value is increased depending on the caret's position. The 'none' mode specifies that the spin behavior is disabled.

Code examples

Initialize a jqxNumberInput with the spinMode property specified.

$("#jqxNumberInput").jqxNumberInput({ spinMode: 'simple' });

Shows or hides the spin buttons.

Code examples

Initialize a jqxNumberInput with the spinButtons property specified.

$("#jqxNumberInput").jqxNumberInput({ spinButtons: true });

Sets the width of the spin buttons.

Code examples

Initialize a jqxNumberInput with the spinButtonsWidth property specified.

$("#jqxNumberInput").jqxNumberInput({ spinButtonsWidth: 20 });

Sets the increase/decrease step.

Code examples

Initialize a jqxNumberInput with the spinButtonsStep property specified.

$("#jqxNumberInput").jqxNumberInput({ spinButtonsStep: 1 });

Sets the alignment.

Code examples

Initialize a jqxNumberInput with the textAlign property specified.

$("#jqxNumberInput").jqxNumberInput({ textAlign: "left" });

Gets or Sets the readOnly state of the input.

Code examples

Initialize a jqxNumberInput with the readOnly property specified.

 $("#jqxNumberInput").jqxNumberInput({ readOnly: true })

Sets the prompt char displayed when an editable char is empty. Possible Values: "_"; "?"; "#".

Code examples

Initialize a jqxNumberInput with the promptChar property specified.

 $("#jqxNumberInput").jqxNumberInput({ promptChar: "#" })

Indicates the number of decimal places to use in numeric values.

Code examples

Initialize a jqxNumberInput with the decimalDigits property specified.

 $("#jqxNumberInput").jqxNumberInput({ decimalDigits: 3 })

Gets or sets the char to use as the decimal separator in numeric values.

Code examples

Initialize a jqxNumberInput with the decimalSeparator property specified.

 $("#jqxNumberInput").jqxNumberInput({ decimalSeparator: "," })

Gets or sets the string that separates groups of digits to the left of the decimal in numeric values.

Code examples

Initialize a jqxNumberInput with the groupSeparator property specified.

 $("#jqxNumberInput").jqxNumberInput({ groupSeparator: "." })

Gets or sets the number of digits in each group to the left of the decimal in numeric values.

Code examples

Initialize a jqxNumberInput with the groupSize property specified.

 $("#jqxNumberInput").jqxNumberInput({ groupSize: 5 })

Gets or sets the string to use as currency or percentage symbol.

Code examples

Initialize a jqxNumberInput with the symbol property specified.

 $("#jqxNumberInput").jqxNumberInput({ symbol: '$' })

Gets or sets the position of the symbol in the input.

Code examples

Initialize a jqxNumberInput with the symbolPosition property specified.

 $("#jqxNumberInput").jqxNumberInput({ symbolPosition: 'right'})

Gets or sets the digits in the input

Code examples

Initialize a jqxNumberInput with the digits property specified.

 $("#jqxNumberInput").jqxNumberInput({ digits: 8})

Gets or sets the string to use as negative symbol.

Code examples

Initialize a jqxNumberInput with the negativeSymbol property specified.

 $("#jqxNumberInput").jqxNumberInput({ negativeSymbol: '-'})

This event is triggered after value is changed.

Code examples

Bind to the valuechanged event by type: jqxNumberInput.

$('#jqxNumberInput').bind('valuechanged', function () { // Some code here.

                            }); 

This event is triggered when the user entered entered a text.

Code examples

Bind to the textchanged event by type: jqxNumberInput.

$('#jqxNumberInput').bind('textchanged', function () { // Some code here.});

                        

Clears the value.

Code examples

Invoke the clearDecimal method.

$('#jqxNumberInput').jqxNumberInput('clearDecimal');

Gets or sets the value including the formatting characters such as group and decimal separators.

Code examples

Invoke the inputValue method.

$('#jqxNumberInput').jqxNumberInput('inputValue', '555');

Gets the value.

Code examples

Invoke the getDecimal method.

var value = $('#jqxNumberInput').jqxNumberInput('getDecimal');

Sets the value.

Code examples

Invoke the setDecimal method.

$('#jqxNumberInput').jqxNumberInput('setDecimal', 555);

Gets or sets the value.

Code examples

Get the value using the val method.

var value = $('#jqxNumberInput').jqxNumberInput('val');

Set the value using the val method.

$('#jqxNumberInput').jqxNumberInput('val', 561.23);