21
фев

Проверка на ввод цифр с помощью JS

Когда требуется разработать интерфейс на сайте для того, чтобы случайный посетитель вводил какие-то данный, нужно быть очень и очень осторожным. Такой вот интерфейс нужно всегда разрабатывать с точки зрения наибольшей простоты и максимальной безопасности, то есть если, вы требуете от пользователя, к примеру, ввести его возраст, то стоит ограничить это поле вводом только цифр.

Замечено, что из 100 заполнивших форму 3-4% сделает это неправильно.

Ниже представлен способ, который позволит не допустить ввод не цифровой информации в поле input или textarea.

Пример

Сразу хочу показать, выглядит это так:

Все реализовано только на JavaScript, поэтому о какой-то тотальной безопасности речи быть вообще не может. Стоит понимать, что данный метод ограничения ввода только цифр реализованный на JS, позволяет облегчить жизнь вашему посетителю. И только. Приведенный здесь метод можно отключить одной галкой в браузере, поэтому хоть о какой-то безопасности тут вообще не уместно говорить.

<script>
  function OnlyNum(e)
  {
    var keynum;
    var keychar;
    var numcheck;
    var return2;
    if(window.event)
    {
      keynum = e.keyCode;
    } else if(e.which) {
      keynum = e.which;
    }
  keychar = String.fromCharCode(keynum);
  if (keynum &lt; 45 || keynum &gt; 57) {
    return2 = false;
    if (keynum == 8) return2 = true;
    }
    else return2 = true;
    return return2;
  }
</script>

Далее в тексте, в том месте где нужно ограничить ввод добавляем к input*`у или *textarea параметр onkeypress=«return OnlyNum(event). Выглядеть должно примерно так:

<input type="text" onkeypress="return OnlyNum(event)" />