Html5 NumberInput

Bind to the valuechanged event by type: jqxNumberInput. Author: http://jqwidgets.com

by txhi

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='jqxNumberInput'></div>
<div id="log"></div>

JavaScript

$("#jqxNumberInput").jqxNumberInput({
     decimalDigits: 2,
     height: 25, 
     width: 100, 
     textAlign: 'center', 
     inputMode: 'simple', 
     spinMode: 'none', 
     decimalSeparator: ",", // Removing this line works	-1
     groupSeparator: ".",
     symbol: "€",
     symbolPosition: 'right',
     decimal: 0
 });
 $('#jqxNumberInput').on('valueChanged', function (event) {
     var value = event.args.value;
     $("#log").html('The new value from event object is: ' + value + "<br />"
                    + 'The new value from val() function is: ' + $('#jqxNumberInput').val() 
     );
 });