## Properties

Name | Type | Default
--- | --- | ---
decimal | Number | 0
Gets or sets the input's number. #### Code examples Initialize a jqxNumberInput with the `decimal` property specified.
    $("#jqxNumberInput").jqxNumberInput({ decimal: 5 })
min | Number | 0
Gets or sets the input's minimum value. #### Code examples Initialize a jqxNumberInput with the `min` property specified.
    $("#jqxNumberInput").jqxNumberInput({ min: 5 })
max | Number | 0
Gets or sets the input's maximum value. #### Code examples Initialize a jqxNumberInput with the `max` property specified.
    $("#jqxNumberInput").jqxNumberInput({ max: 50 })
width | Number/String | null
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' })
height | Number/String | null
Sets height of the input in pixels. #### Code examples Initialize a jqxNumberInput with the `height` property specified.
    $("#jqxNumberInput").jqxNumberInput({ height: '50px' })
validationMessage | String | 'Invalid value'
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.' })
inputMode | Boolean | 'advanced'
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' });
spinMode | Boolean | 'advanced'
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' });
spinButtons | Boolean | false
Shows or hides the spin buttons. #### Code examples Initialize a jqxNumberInput with the `spinButtons` property specified.
    $("#jqxNumberInput").jqxNumberInput({ spinButtons: true });
spinButtonsWidth | Number | 18
Sets the width of the spin buttons. #### Code examples Initialize a jqxNumberInput with the `spinButtonsWidth` property specified.
    $("#jqxNumberInput").jqxNumberInput({ spinButtonsWidth: 20 });
spinButtonsStep | Number | 1
Sets the increase/decrease step. #### Code examples Initialize a jqxNumberInput with the `spinButtonsStep` property specified.
    $("#jqxNumberInput").jqxNumberInput({ spinButtonsStep: 1 });
textAlign | String | 'right'
Sets the alignment. #### Code examples Initialize a jqxNumberInput with the `textAlign` property specified.
    $("#jqxNumberInput").jqxNumberInput({ textAlign: "left" });
readOnly | Boolean | false
Gets or Sets the readOnly state of the input. #### Code examples Initialize a jqxNumberInput with the `readOnly` property specified.
     $("#jqxNumberInput").jqxNumberInput({ readOnly: true })
promptChar | Char | -
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: "#" })
decimalDigits | Number | 2
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 })
decimalSeparator | Char | '.'
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: "," })
groupSeparator | Char | ','
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: "." })
groupSize | Number | 3
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 })
symbol | String | ''
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: '$' })
symbolPosition | String | 'left'
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'})
digits | Number | 8
Gets or sets the digits in the input #### Code examples Initialize a jqxNumberInput with the `digits` property specified.
     $("#jqxNumberInput").jqxNumberInput({ digits: 8})
negativeSymbol | String | '-'
Gets or sets the string to use as negative symbol. #### Code examples Initialize a jqxNumberInput with the `negativeSymbol` property specified.
     $("#jqxNumberInput").jqxNumberInput({ negativeSymbol: '-'})
## Events
valuechanged | Event |
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.
                                });
textchanged | Event |
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.});
## Methods
clearDecimal | Method |
Clears the value. #### Code examples Invoke the clearDecimal method.
    $('#jqxNumberInput').jqxNumberInput('clearDecimal');
inputValue | Method |
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');
getDecimal | Method |
Gets the value. #### Code examples Invoke the getDecimal method.
    var value = $('#jqxNumberInput').jqxNumberInput('getDecimal');
setDecimal | Method |
Sets the value. #### Code examples Invoke the setDecimal method.
    $('#jqxNumberInput').jqxNumberInput('setDecimal', 555);
val | Method |
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);