вСкрипты для Юкоз

Ограничение количества символов в textarea и input

Описание:


Наверняка, каждый веб-разработчик рано или поздно сталкивается с необходимостью проверки правильности заполнения форм. Один из главных этапов этой проверки – это допустимая длина содержимого различных полей. И если возможности языка разметки HTML позволяют ограничить длину содержимого полей типа “input”, то ограничивать длину содержимого полей “textarea” является невозможным без использования дополнительных сценариев.

Приведу достаточно простой пример сценария, написанного на JavaScript, позволяющего контролировать ввод содержимого в такие поля, автоматически блокировать возможность заполнения при достижении определённой длины уже введённого содержимого и выводить в нужном месте счётчик количества символов. Функция достаточно универсальная, так как в качестве параметров в неё передается 3 значения: “id” поля, ввод в которое необходимо контролировать; “id” элемента, в котором требуется выводит счетчик символов и, собственно, значение максимальной длины содержимого проверяемого элемента (количество допустимых символов).

Установка скрипта:


Для начала скачиваете архив с нашего сайта и папку character-limit загружаете в свой файловый менеджер!
Теперь, в нижнюю часть сайта, перед закрывающим тегом </body> вставляете код:

Код
Настройка скрипта:


  • maxLen: 95 — максимально количество символов
  • warningLen: 30 — при достижении определенного лимита цвет поменяется
  • showMsg: true — не трогаем
  • customMsg: «Максимально количество символов — 95. Больше нельзя)» — подсказка когда наступит лимит
  • separator: «/» — разделитель между  введенными символами и максимальным количеством
  • warningColor: «#d50000» — цвет при достижении определенного лимита

Продолжение установки:


Теперь подписываем код ограничителя в textarea или в input

Код
Цитата
Цитата
Код
Заказать установку скрипта
Если Вы не можете установить скрипт сам, то мы вам поможем с этой проблемой.


источник: webmaster-ucoz.ru

Похожие посты