Ограничить макс. длину строки в поле INPUT. Пример на JavaScript

Author Роман Чернышов    Category JavaScript / jQuery     Tags , Комментариев 4 Дата 3 Фев

max input Ограничить макс. длину строки в поле INPUT. Пример на JavaScriptПорой возникает необходимость ввести ограничение в пользовательской форме. Например на сайте в разделе регистрации, запретить пользователю вводить ник длинней 20 символов. Разумеется следует осуществлять такую проверку методами посерьезнее нежели чем JavaScript (проверять данные при помощи PHP). Но в качестве дополнительной проверки, тем более без перезагрузки страницы такой вариант вполне приемлем.

Функция проверки будет выглядеть следующим образом:

<script type="text/javascript">
<!--
function limiter(fild, size) {
if (fild.value.length &gt; size) {
fild.value = fild.value.substring(0, size);}
}
//-->
</script>

В теле документа код формы и в частности поле, которое мы будем проверять, будут иметь такой вид:

<form name="form" id="form" method="post" action="test.php">
 
<input name="text"  id="text"  type="text" onKeyDown="limiter(this,'20');"
onKeyUp="limiter(this,'20');"/>

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

4 комментария to “Ограничить макс. длину строки в поле INPUT. Пример на JavaScript”

  • ninjin 08.07.2011 в 11:55 дп

    а чем аттрибут maxlength не угодил?

  • Роман Чернышов 08.07.2011 в 12:58 пп

    maxlength годится только для тега INPUT, а что делать если нужно ограничить длину вводимой строки в TEXTAREA ?

    И во вторых, такое решение на яваскрипт позволяет выводить пользователю сообщение о достижение предельного кол-ва набранных символов.

  • ninjin 13.07.2011 в 1:22 пп

    не вижу в примерах ни текстарии, ни предупреждения. только трёхколёсный велосипед.

  • Максим 25.12.2015 в 3:53 пп

    Чедко! Получилось все! Спасибо!

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

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

Добро пожаловать на блог веб-разработчика! На протяжении многих лет, начиная с 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 сайтов...