Capture dot for Input type number in Android Device and Browser

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.

Because the value of `"9999999999."` casted to a number is `9999999999`. Since it's `type='number'` then `.val()` will convert the value into a number. — Spencer Wieczorek, Jun 21 '17 at 18:34
Possible duplicate of [How to get the raw value an field?](https://stackoverflow.com/questions/18852244/how-to-get-the-raw-value-an-input-type-number-field) — Aravindh Gopi, Jun 21 '17 at 18:41
Possibly [XY Problem](https://meta.stackexchange.com/questions/66377/what-is-the-xy-problem) - *why* do you want to do this, what are you trying to achieve? — freedomn-m, Jun 21 '17 at 18:57

score 0 · Answer 1 · answered Jun 21 '17 at 18:45

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);
         }
       });
    });

Thai, input type should be number. – Sudhakar Jonnakuti Jun 22 '17 at 06:53 — Sudhakar Jonnakuti, Jun 22 '17 at 06:53

Himanshu Upadhyay · Answer 2 · 2017-06-22T05:46:55.737

0

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.

edited Jun 22 '17 at 05:46

answered Jun 21 '17 at 18:52

Himanshu Upadhyay

6,558
1
20
33

You problem should test your code. Not only will this not work but you will get an error: `numbers.toFixed is not a function`. – Spencer Wieczorek Jun 21 '17 at 20:32
Himanshu - It generated error like numbers.toFixed not a function. – Sudhakar Jonnakuti Jun 22 '17 at 02:46
Himanshu, your edited snippet converting existing data, I need to capture but not want to change. – Sudhakar Jonnakuti Jun 22 '17 at 07:41
Capture means can you write down the desired outcome? – Himanshu Upadhyay Jun 22 '17 at 16:27

Capture dot for Input type number in Android Device and Browser

2 Answers2