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

它將為您提供所需的輸出。