Jquery input number with comma

Question

I'm having a strange behavior in jquery.

I'd like to get the value of a input field (type number). It's easier to show it with an example.

The function throws back an empty string when the value contains a comma.

$("#input[type='number']").on('change',function() {
            alert($(this).val());
        });

Why?

Thanks in advance

I've tried your code and it works, I've only removed the #. Could you share your html? — Mario Araque
– Mario Araque, Commented Sep 30, 2014 at 14:55
@Ben I know number 1,2 isn't a number but I need to treat this to replace comma with point. Or do you know any other method to do that? — Manuel
– Manuel, Commented Sep 30, 2014 at 15:01
@Manuel Then maybe using type="number" isn't the solution. Try using a normal textbox, and formatting/rejecting as they type (or on the change event) — Ian
– Ian, Commented Sep 30, 2014 at 15:07
1,2 would be considered a number in locales where the comma represents a decimal "point" — Lee Taylor
– Lee Taylor, Commented Sep 30, 2014 at 15:32

Marc B · Accepted Answer · 2014-09-30 14:54:09Z

4

HTML5's spec doesn't allow commas:

value = floating-point number
   A string representing a number

floating-point number:

A floating-point number consists of the following parts, in exactly the following order:

    1. Optionally, the first character may be a "-" character.
    2. One or more characters in the range "0—9".
    3. Optionally, the following parts, in exactly the following order:
        1. a "." character
        2. one or more characters in the range "0—9"
    Optionally, the following parts, in exactly the following order:
        1. a "e" character or "E" character
        2. optionally, a "-" character or "+" character
        3. One or more characters in the range "0—9".

answered Sep 30, 2014 at 14:54

Marc B

362k44 gold badges433 silver badges508 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

iCollect.it Ltd Over a year ago

Does this take into account localisation? Some countries use a comma as the decimal separator.

Marc B Over a year ago

As written, there's nothing in the spec to allow for it. A browser MIGHT choose to translate a local format into HTML5-allowable format, but that's undefined behavior.

Manuel Over a year ago

Well, my problem is to replace comma with point because I need to add my data into an sql database, is there any way?

Marc B Over a year ago

prompt for type=text instead and validate the number separately.

Marc B Over a year ago

exactly what ian said. "I have a banana, but need to use a hammer. how can I turn the banana into a hammer? I don't want to change the banana"

|

peterpeterson · Accepted Answer · 2014-09-30 14:55:56Z

-1

Add this to the input: step="0.01"

so something like:

<input type="number"  step="0.01" />

Then 0.10 will be valid, I am not sure if comma will be treated as valid if your operating system use decimals as comma separated.

answered Sep 30, 2014 at 14:55

peterpeterson

1,3262 gold badges15 silver badges41 bronze badges

Collectives™ on Stack Overflow

Jquery input number with comma

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related