Wie Dezimalzahlen in Eingabe einzuschränken = "Text" Nur ganze Zahlen anzeigen

Question

Wie Sie Dezimalzahlen von einem <input="text"> beschränken, zeigen nur ganze Zahlen. Das Feld wird nur zeigen, wie nicht 11,00

<input type="text"> 

Ohne

<input type="number"> 

Answer 1

Vielleicht verwenden Sie ein Attribut min auf Ihre Eingabe HTML-Element hinzufügen. wie diese

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

Answer 2

können Sie parseInt() verwenden, um Dezimalteil zu entfernen, ohne Rundung (11.9 =>11, 11.1 =>11 und usw.):

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

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

oder nur + Betreiber:

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

Answer 3

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

Sie können das moderne HTML5-Attribut pattern zur Eingabeüberprüfung auf der Clientseite verwenden. Eingabe mit Dezimalwert wäre ungültig.

https://jsfiddle.net/rry32tm1/

Answer 4

Sie match() Verfahren zur Überprüfung Format Eingangswert verwenden können.

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