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

Автор: Роман Чернышов    Опубликовано: 3 февраля 2011

Порой возникает необходимость ввести ограничение в пользовательской форме. Например на сайте в разделе регистрации, запретить пользователю вводить ник длинней 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');"/>

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

JavaScript / jQuery     длина поля, проверка input