Quero colocar um input no html e quero limitar apenas a 2 numeros.
<input type="text" name="Dia" maxlength="2" size="2" >
Experimentei este mas continua a aparecer letras.
Para limitar o input
a números basta mudar o type de text para number:
<form action="#">
<input type="number" name="Dia" min="1" max="31">
<input type="submit">
</form>
Ainda se quiser limitar de 1 a 31 (imaginando que seja o número de dias do mês) pode fazê-lo com mim
e max
.
Nota: Este tipo number
não funciona no IE9 nem versões anteriores.
No caso de precisar que funcione em IE9 ou anterior pode usar JavaScript:
<form action="#">
<input type="text" maxlength="2" onkeypress='return event.charCode >= 48 && event.charCode <= 57'></input>
<input type="submit">
</form>
type
para number
não resolve, pois ainda continua aceitando Letras. Alias ele tornará o input
em um "seletor" de numeros, mas não impedirá de o usuário digitar números.
Commented
27/01/2015 às 10:41
submit
a ver se aceita.
submit
ele irá avisar que aceita somente números, mas não impedirá que o usuário digite as letras. Ao contrário do evento onkeypress
que só permite digitar números.
Commented
27/01/2015 às 10:49
Você pode usar o evento onkeypress
:
<input type="text" maxlength="2" onkeypress="if (!isNaN(String.fromCharCode(window.event.keyCode))) return true; else return false;">
Toda vez que uma tecla for presiona dentro do input
o evento será ativado, e verificara se a tecla presiona é ou não um número, caso seja letras retornara false
, se for número retornará true
e irá aparecer no input
.
Veja como ficou no Fiddle.
OBS: O evento onkeypress
não está funcionando no Firefox
onkeypress
funciona sim no Firefox, o que acontece é que o window.event
não existe. Uma solução com o mesmo resultado, funcionando também no Firefox é essa: return !isNaN(event.key);
. Mas essa abordagem tem um problema, pois impede o usuário de interagir no input usando as setas, backspace, delete, etc...
peguei a sugestao do de cima e fiz assim tbm
<input id="phone" type="tel" name="phone" placeholder="(xx) xxxxx - xxxx" maxlength="12" onkeypress="if (!isNaN(String.fromCharCode(window.event.keyCode))) return true; else return false;">