在Android设备和浏览器中捕获输入类型编号的点

Question

In below snippet code, If i give inputs "9999999999" and "9999999999." in console log both displays the same result "999999999" with out dot.

Am trying to capture dot symbol even after number. Here, only input type number is allowed cannot use text or any other type.

Text box is for number

Number: <input type='number' id=txtNumber'/>

And it's javascript function

$(document).ready(function() {  
   $('#txtNumber').keyup(function () {
     var numbers = $(this).val(); console.log("numbers", numbers);
   });
});

code at JSFiddle

Please help to find solution.

Answer 1

The reason is you set type='number' . I suggest you set type='text' and use regular expressions to check if the value in the input is a number(include dot) or not:

  $(document).ready(function() {  
       $('#txtNumber').keyup(function () {
        if ($(this).val().match(/^[0-9]*\.?[0-9]*$/)){ //check if your value is number or not
         var numbers = $(this).val(); console.log("numbers", numbers);
         }
       });
    });

Answer 2

You can use a function to do this:

$(document).ready(function () {
        $('#txtNumber').keyup(function () {
            var numbers = $(this).val(); console.log("numbers", numbers);
            // dump(numbers);
            numbers = parseInt(numbers).toFixed(2);
            console.log(numbers);
        });
    });

It will give you your desired output.