среда, 25 июня 2008 г.

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

textarea character count TextArea ограничение ввода

Часто необходимо ограничить пользователя в воде символов в определённые формы, и как не пиши ты, как не проси, мол не больше 10 символов сюда, не больше 20 туда, все равно найдутся уникальные личности которым пофиг - и они будут штамповать в поле ввода пока пальцы не отпадут. Итак, вот старенькая, заезженная тема на ява скрипт, но всё же весьма удобная.

  1. <script language="javascript" type="text/javascript">
  2. function limitText(limitField, limitCount, limitNum) {
  3.     if (limitField.value.length > limitNum) {
  4.         limitField.value = limitField.value.substring(0, limitNum);
  5.     } else {
  6.         limitCount.value = limitNum - limitField.value.length;
  7.     }
  8. }
  9. </script>

Теперь создаём саму TextArea:

  1. <form name="myform">
  2. <textarea name="limitedtextarea" onKeyDown="limitText(this.form.limitedtextarea,this.form.countdown,100);"
  3. onKeyUp="limitText(this.form.limitedtextarea,this.form.countdown,100);">
  4. </textarea><br />
  5. <font size="1">(Максимум символов: 100)<br />
  6. You have <input readonly type="text" name="countdown" size="3" value="100"/> символов осталось.</font>
  7. </form>

Так можно поступить и с обычной строкой ввода (type=”text”)

  1. <form name="myform">
  2. <input name="limitedtextfield" type="text" onKeyDown="limitText(this.form.limitedtextfield,this.form.countdown,15);"
  3. onKeyUp="limitText(this.form.limitedtextfield,this.form.countdown,15);" maxlength="15"/><br />
  4. <font size="1">(Максимум символов: 15)<br />
  5. You have <input readonly type="text" name="countdown" size="3" value="15"/> осталось.</font>
  6. </form>

Здесь можно оставить свои комментарии.

Комментариев нет: