2016-03-22 30 views
-5

Sadece tam sayıların girilmesine izin veren bir giriş kutusu oluşturma konusunda emin değilim. Girişin bir HTML sürümünü yaptım ama JavaScript içinde aynı giriş türüne ihtiyacım var.Tamsayı yalnızca giriş Javascript

İşte sen type="number" için type="text" değişmelidir benim şimdiki HTML girişi

<input type="text" autocomplete="off" ondragstart="return false;" ondrop="return false;" onpaste="return false;" onkeypress="return event.charCode >= 48 && event.charCode <= 57;">Amount</input> 
+2

_input JavaScript içinde? O nedir ? – Rayon

+0

'' – Tushar

+1

bkz http://stackoverflow.com/questions/469357/html-text-input-allow-only-numeric-input – Philipp

cevap

2

bu. Ayrıca, min, max ve step özniteliklerinin değerlerini de ayarlamak isteyebilirsiniz.

var input_element = document.getElementById('input'); 
 
var output_element = document.getElementById('output'); 
 

 
document.getElementById('form').addEventListener('input', function (event) { 
 
    output_element.value = input_element.value; 
 
});
<form id="form"> 
 
    <label for="input">Input:</label> 
 
    <input id="input" type="number" min="0" max="10" step="2" /> 
 

 
    <br /> 
 

 
    Output: <output id="output" for="input"></output> 
 
</form>

+0

Bu yukarı/aşağı kaldırmak için bir yolu var mı Bu numara metin kutusundan OP gerekli olabilir. –

+0

Bildiğim kadarıyla değil. –

0

O türü number ve step özelliğin input kullanabilirsiniz:

<input type="number" step="1"> 

Bu şekilde giriş yalnızca tamsayı değerleri alabilir.

İlgili konular