Как избежать десятичных значений в номере типа ввода

Как избежать десятичных значений от ввода числа в HTML5. В настоящее время он позволяет пользователю вводить десятичное значение.

Ответы

Ответ 1

Альтернативой предоставленным ответам является мониторинг нажатия клавиши во время ввода. Мне лично нравится оставить type="number" в качестве атрибута. Здесь 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>

Ответ 2

Использовать атрибут шаблон

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

Подробнее http://www.w3schools.com/tags/att_input_pattern.asp

FIDDLE

Ответ 3

Вы должны опубликовать то, что вы пробовали, задавая вопросы.

Чтобы использовать только целые числа, измените следующий атрибут.

step="any"

step="1"