如何限制input =「text」中的十進制數只顯示整數

Question

如何限制<input="text">中的十進制數僅顯示整數。該字段只顯示像沒有11.00

<input type="text"> 

不使用

<input type="number"> 

Answer 1

也許你可以一分鐘的屬性添加到您的輸入html元素。 這樣

<input type="number" min="0"> 

Answer 2

可以使用parseInt()去除小數部分沒有四捨五入（11.9 =>11，11.1 =>11和等）：

<input type="text" id="num"> 

var n = 11.13; 
document.getElementById('num').value = parseInt(n); // 11 

或只是+操作者：

var n = 11.13; 
document.getElementById('num').value = +n; // 11 

Answer 3

<input type="text" pattern="([d]+)"> 

您可以使用現代HTML5屬性pattern在客戶端進行輸入驗證。輸入十進制值將無效。

https://jsfiddle.net/rry32tm1/

Answer 4

您可以使用match()方法來檢查輸入值的格式。

var input = document.getElementById("number"); 
 
var lastValue = ""; 
 

 
input.addEventListener("keydown", valueCheck); 
 
input.addEventListener("keyup", valueCheck); 
 

 
function valueCheck(){ 
 
    if (input.value.match(/^[0-9]*$/)) 
 
     lastValue = input.value; 
 
    else 
 
     input.value = lastValue; 
 
}

<label>Type your value</label> 
 
<input type="text" id="number" />