Чат сообщества
|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Подсчет символов в описании материала (автоматическое определение количества символов) |
| Подсчет символов в описании материала |
|
Здравствуйте!
Есть каталог сайтов и есть правила: от 100 до 500 символов в описании материала в форме добавления. Некоторые пользователи, то ли не видят, либо думают, что "прокатит", добавляют с описанием в 2-3 слова, их сайт сразу в ленту не попадает, так как перед добавлением проверяется. Можно ли вставить скрипт, который бы подсчитывал количество символов в описании и не давал добавить или хотя бы предупреждал, что типа "маловато"? |
|
Exodus,
Код $('id_поля_заголовка').on('blur', function(){ var l = $(this).val().length; if(l < 100) { $(this).addClass('warning').attr('title', 'Длина должна быть не менее 100 символов, сейчас ' + l); } else { $(this).removeClass('warning').removeAttr('title'); } }); В CSS добавьте стили для класса .warning по своему усмотрению. Можно выключить кнопку добавления, тогда после 4ой строки скрипта добавьте: Код $('id_кнопки').attr('disabled', 'disabled'); а после 6-ой: Код $('id_кнопки').removeAttr('disabled'); |
|
sergeymitrichev, спасибо! Будем пробовать.
Добавлено (28 Авг 2016, 00:04:04) |
|
Exodus, не работает, потому что Вы неправильно указываете ID текстового поля и кнопки "добавить"
|
|
sergeymitrichev, вставил с нормальным ID туда куда надо и снова не алё..
Сообщение отредактировал Exodus - Вторник, 30 Авг 2016, 21:18:00
|
|
Exodus, куда вставляете? нет указанного кода на странице добавления сайта в каталог...
|
|
sergeymitrichev, код поставил и не убираю, можете проверить, всё без изменений..
Добавлено (31 Авг 2016, 13:00:33) |
|
Я приведу конечный результат для поля "Краткое описание", может кому пригодится
Код $('#drF1').on('blur', function(){ var l = $(this).val().length; $(this).next().remove() if(l < 100) { $(this).addClass('warning').after('<div class="warning-message">Длина должна быть не менее 100 символов, сейчас ' + l + '</div>'); $('#drF16').attr('disabled', 'disabled'); } else { $(this).removeClass('warning').next().remove(); $('#drF16').removeAttr('disabled'); } }); |
| |||
| |||