Textarea для ввода SMS

При отправки sms через сервисы (smsc.ru, smsaero.ru) длина одного SMS обычно ограничена 70-ю символами кириллицы, если текст больше отправляется несколько SMS.

Метод показывает сколько будет отправлено SMS и сколько осталось символов.

<textarea name="sms"></textarea>
<p>
	Кол-во sms: <strong id="count_sms"></strong>; 
	Осталось символов: <strong id="count_symbols"></strong>
</p>
HTML
$(function(){
	var limit = 70;
	$('textarea[name="sms"]').bind('change keyup paste', function(){
		var self = this;
		setTimeout(function() {
			var count = $(self).val().length;
			var count_sms = Math.ceil((count) / limit);
			if (count_sms == 0) {
				count_sms = 1;
			}
			$('#count_sms').html(count_sms);
			$('#count_symbols').html(limit * count_sms - (count));
		}, 100);
	});
	
	$('textarea[name="sms"]').trigger('change');
});
JS

Результат

09.10.2016, обновлено 01.10.2019 970
Предыдущая запись Работа с Textarea jQuery
Следующая запись Автовысота textarea

Поделится

Другие публикации

Сборник приемов JQuery для работы с текстовыми полями. Во всех примерах используется следующий html код...
02.02.2018 19722
Проблема заключается в том, что при добавлении якорной ссылки, в списке не будет якорей из других редакторов, что...
03.04.2018 683
Виджет на JQuery и AJAX, который покажет результаты поиска непосредственно при вводе в текстовое поле.
25.09.2019 123
Обойти ячейки таблицы можно с помощью jQuery метода each, например следующий код выводит текст из всех ячеек в консоль.
03.04.2019 1853
После регистрации в системе эквайринга Сбербанка и получив доступ к тестовой среде, можно приступить к интеграции с...
22.10.2018 4858
Мини JQuery плагин позволяет отметить или снять одним кликом чекбоксы в таблицах и отметить чекбокс по клику на сроку...
11.12.2016 1205