如何限制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" />