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

Question

在下面的代码段中，如果我输入“ 9999999999”和“ 9999999999”。 在控制台日志中，两者都显示相同的结果“ 999999999”，但不带点。

我试图甚至在数字后捕获点符号。 在此，仅允许输入类型的数字不能使用文本或任何其他类型。

文字框代表数字

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

这是javascript函数

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

JSFiddle上的代码

请帮助找到解决方案。

Answer 1

原因是您设置type='number' 。 我建议您设置type='text'并使用正则表达式检查输入中的值是否为数字（包括点）：

  $(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

您可以使用一个函数来做到这一点：

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

它将为您提供所需的输出。