JavaScript (jQuery) подсчет символов в input или textarea формы.
Посчитаем текущее количество символов в полях формы (в тегах input и textarea), а также динамически отобразим их количество при изменении данных.
HTML:
<input class="counted" value="Some test string. Hi!" > <br> <input class="counted" value="Some test string. Goodby!" > <br> <textarea class="counted">Another test</textarea>
CSS:
.counted + span { margin-left:10px; }
JavaScript (jQuery):
$(document).ready(function() { $('.counted').each(function() { //для всех элементов с классом .counded $(this).after('<div>' + $(this).val().length + ' символов</div>'); //выведем калькуляцию после каждого поля }); }); $('.counted').on('keyup', function() { //присоединяем событие нажатия кнопки для функции $(this).next('div').html($(this).val().length + ' символов'); });
Готово!
Пример:
See the Pen Подсчет символов в input, textarea by ITwing (@itwing) on CodePen.
0 Comments
Recommended Comments
There are no comments to display.