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

input verify Проверка ввода на JavaScriptОчень часто возникает необходимость в организации проверки ввода того или иного текста в поля при заполнении формы, быть то форма регистрации или форма подачи объявления в каталог. Такого рода проверка имеет как свои преимущества (ненужно послать запрос, перезагружать форму), так и свои недостатки (отсутствие поддержки 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)">

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

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

1 Comment to “Проверка ввода на JavaScript”

  • Юрий Карпов 08.10.2010 в 8:30 пп

    Проверка ввода не срабатывает, если данные в поле, вставляются через ctrl+v.

Оставить комментарий

О блоге и авторе

Добро пожаловать на блог веб-разработчика! На протяжении многих лет, начиная с 2009 года, я занимаюсь созданием специализированных сайтов, сервисов и крупных веб-порталов. Мною было создано несколько сотен сайтов, большинство из которых работают на ПО созданном под заказ, а также на готовом ПО которое я разрабатываю на протяжении всего периода моей деятельности. Это: CMS "Совместные покупки", CMS "osRealty", CMS "Спорт прогнозы" и многое другое.

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

Поиск по блогу
Категории
Архив
Новое на сайте
Блогеры пишут
  • Роман Чернышов: Для работы капчи на PHP 5.6, замените в файле class.captcha.php строку 264 $ifunc( $this -> i [...]
  • Роман Чернышов: Схема такая: 1) На сайте есть виртуальные кошельки (далее ВК) 2) При пополнении пользователем ВК, [...]
  • Александр: Может скрипт комментариев блокирует сообщения с кодом? Или как длинный текст не проходит?
  • Александр: Пытаюсь в который раз здесь показать код, но страница обновляется, и не сообщения, ни любого оповеще [...]
  • Роман Чернышов: Лично у меня интерес к продаже ссылок пропал уже давно. Преимущество сапы, это то - что ссылки можно [...]
Портфолио Все работы


www.detskiy-mir.net
www.detskydoctor.ru
www.betelit.ru
www.all-alliance.ru
www.videogonok.ru
www.carpfishing.by
www.property-greek.com
www.domcons.ru

с 2009 года по сегодняшний день, создано более 300 сайтов...