html5 - solo - Cómo evitar valores decimales en el número de tipo de entrada

limitar caracteres input number html

Question

Cómo evitar los valores decimales de la entrada de Número en HTML5. Actualmente permite al usuario escribir el valor decimal.

Answer 1

Basado en otras respuestas aquí, intenté esto:

<input id="storeId" min="0" pattern="[0-9]" onkeypress="return !(event.charCode == 46)" step="1" title="Must be an integer number" type="number" >

Acabo de bloquear la entrada de puntos, pero de nuevo esto no bloquea el pegado.

ASCII DOT. personaje es 46

Answer 2

Debe publicar lo que ha intentado al hacer preguntas.

Para usar enteros solamente, cambie el siguiente atributo.

step="any"

a

step="1"

Answer 3

Solo ejemplo usando parseInt ()

<input type="number" oninput="this.value=(parseInt(this.value)||0)" placeholder="0-9" autofocus='''' value=''0'' />

Answer 4

Usar atributo de patrón

<input type="number" name="num" pattern="[0-9]" title="Numbers only">

Para obtener más detalles, http://www.w3schools.com/tags/att_input_pattern.asp

FIDDLE

Answer 5

Una alternativa a las respuestas proporcionadas es monitorear la pulsación de tecla mientras se encuentra en la entrada. Personalmente, me gusta dejar el type="number" como atributo. Aquí hay un JSFiddle

<form action="#" method="post">
  Numbers: <input name="num" 
                  type="number"
                  min="1"
                  step="1"
                  onkeypress="return event.charCode >= 48 && event.charCode <= 57"
                  title="Numbers only">
  <input type="submit">
</form>