jQuery输入数字带逗号

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

Answer 1

HTML5's spec doesn't allow commas:

value = floating-point number
   A string representing a number

floating-point numbe r:

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".

Answer 2

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.