Проверка ввода на JavaScript

Роман Чернышов    JavaScript / jQuery     input verify, javascript, ввод только цифр, проверка ввода Комментариев 1 Дата 8 Окт

Очень часто возникает необходимость в организации проверки ввода того или иного текста в поля при заполнении формы, быть то форма регистрации или форма подачи объявления в каталог. Такого рода проверка имеет как свои преимущества (ненужно послать запрос, перезагружать форму), так и свои недостатки (отсутствие поддержки JS браузером). Но так или иначе стоит все же подстраховываться и организовывать дополнительную проверку вводимых данных на стороне сервера.
И так, опишу пример проверки с использованием JavaScript, код скрипта который позволяет вводить в поле только цифры:

<script type="text/javascript">
function OnlyNum(e)
{
var keynum;
var keychar;
var numcheck;
var return2;
if(window.event) // IE
{
keynum = e.keyCode;
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which;
}
keychar = String.fromCharCode(keynum);
if (keynum < 45 || keynum > 57) { // разрешаем только ввод цифр
return2 = false;
if (keynum == 8) return2 = true; // разрешаем нажатие клавиши backspace
}
else return2 = true;
return return2;
}
</script>

Сам же код поля для ввода будет выглядеть так:

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

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

Делать такую проверку ввода стоит только лишь тогда, когда это действительно будет повышать юзабилити вашего проекта…