Ограничить количество строк, которые можно писать с помощью textarea

Я хочу не просто ограничить количество ввода времени, которое можно нажимать в текстовой области, но останавливать вывод на две строки. Чтобы лучше объяснить, у меня есть дизайнер фоторамки here. В параметрах вы можете ввести текст, и он появится в кадре. В настоящее время, если вы попытаетесь нажать ввод в текстовой области более 2 раз, это не позволит вам. Проблема возникает, когда текст слишком длинный, и он автоматически переносится на новую строку.Ограничить количество строк, которые можно писать с помощью textarea

Вот какой-то соответствующий код.

Это несколько jquery, ограничивающих количество строк в TEXTAREA.

И TextArea

<textarea id="input" maxlength="40" name="Text" value="Max. 40 characters"></textarea>

JQuery, который печатает входные данные из текстовой области

$('#input').keyup(function() { 
    $('#text').html($(this).val()); 
});

Это встроенный HTML в моем SVG, где набранный текст печатается.

<foreignObject x="135" y="520" width="600" height="260" style="color:white;text-align:center"> 
    <body xmlns="http://www.w3.org/1999/xhtml"> 
     <div id="container2"> 
      <p id="text">Your words here</p> 
     </div> 
    </body> 
</foreignObject>

источник

2015-01-08 dunn_rite

Автоматическая обертка строк в текстовом поле может быть предотвращена с использованием атрибута wrap=off, который является нестандартным, но широко поддерживается с первых дней HTML.

<textarea id="input" maxlength="40" name="Text" 
 
placeholder="Max. 40 characters" wrap="off"></textarea>

(я изменил атрибут value атрибута placeholder. Атрибут value не действует для textarea.)

Другой, возможно, лучший подход, чтобы избежать проблем используя два поля input type=text вместо одного поля textarea. Тогда вам не понадобится JavaScript для предотвращения ввода более двух строк, но если требуется ограничение на общее количество символов (вместо того, чтобы устанавливать ограничение на каждую строку), для этого вам понадобится простой JavaScript.

источник

2015-01-08 10:50:13

Ах, я вижу. Да, заполнитель улучшает его благодарность. Я бы предпочел не использовать входы. Сложнее сделать JavaScript. Но спасибо не знали об атрибуте wrap. –

-3

Здесь 2 JavaScript библиотеки, которые могут помочь вам в этом:

Как вы можете увидеть на демо-сайтах, как эти решения только Работа.

источник

2015-01-08 09:11:20 user1120808

Последнее обновление было обновлено 3 года назад !! – atmd

И что? Если он работает, он работает ... Это не так, как если бы элемент textarea радикально изменился за последние 3 года. – user1120808

с версией 1.4 jquery он делает, но он, возможно, не был протестирован ни с одной версией с тех пор – atmd

Ограничить количество строк, которые можно писать с помощью textarea

ответ

Смежные вопросы