Как ограничить максимальную длину комментария в символах

Предлагаю простое решение для ограничения максимальной длины оставляемого комментария на вашем сайте под CMS WordPress. Если лимит будет превышен - исчезнет кнопка "Опубликовать" комментарий.

Чтобы знать сколько символов уже введено, рядом с формой комментария будет присутствовать соответствующая надпись и число, уменьшающееся по мере набора.

Ограничить максимальную длину комментария и внешний вид информационной строки вы можете сами. Об этом ниже по статье.

Максимальная длина комментария

Клик для увеличения

Для начала создадим пустой файл и назовем его comment_limiter.js (советую использовать бесплатную программу Notepad ++).

Внутри созданного файла разместим такой код:

jQuery(function($) {
var comment_input = $( '#commentform textarea' );
var submit_button = $( '#commentform .form-submit' );
var comment_limit_chars = 1000;
$( '<div class="comment_limit_info">Осталось <span>' + comment_limit_chars + '</span> символов</div>' ).insertAfter( comment_input );
comment_input.bind( 'keyup', function() {
var comment_length = $(this).val().length;
var chars_left = comment_limit_chars - comment_length;
$( '.comment_limit_info span' ).html( chars_left );
if (submit_button)
( chars_left < 0 ) ? submit_button.hide() : submit_button.show();
});
});

В четвертой строке кода есть цифра 1000, которая означает максимальное количество символов, после превышения которого исчезнет кнопка публикации комментария.

Блоку с русской надписью задан class="comment_limit_info", который правим под себя если нужно.

Закидываем созданный скрипт себе в папку с шаблоном (в корень или папку /js/). Теперь нужно подключить этот файл в самом шаблоне. Открываем footer.php и перед закрывающим </body> вставляем:

<script src="<?php bloginfo('template_url'); ?>/comment_limiter.js" type="text/javascript"></script>

Верхний код на случай, если вы скинули файл скрипта просто в корень шаблона. А теперь, если скинули в папку /js/. Определитесь какой вам подходит вариант.

<script src="<?php bloginfo('template_url'); ?>/js/comment_limiter.js" type="text/javascript"></script>

Все. Теперь можете проверять работу на сайте.

Если что-то не заработало, значит у вас не совпадают идентификаторы формы ввода комментария или кнопки. Обратите внимание, что в коде скрипта есть на данный счет информация, которую можно подредактировать в своих нуждах:

var comment_input = $( '#commentform textarea' );
var submit_button = $( '#commentform .form-submit' );

Сверьтесь со своей формой.

Привет. Меня зовут Виталик и я автор этого блога, а так же Магазина WordPress https://wp-r.ru/.

Отблагодарить Z888279575784 R109400923968 или ЯД 41001651742138

Оказываю услуги по созданию и настройке сайтов на WordPress (верстка, натяжка).

Мои Контакты. Я в Twitter @mojWP. Смотри на Youtube. Читай RSS блога.

Опубликовано 4 комментария
  1. Евгений (3 комм.) says:
    http://azbl.ru

    Хороший плагин, я себе еще установил плагин на минимальное количество символов комментария, тоесть у меня не публикуются коменты менее 80 символов

  2. Александр (1 комм.) says:

    А смысл?

    • Владимир (2 комм.) says:

      Чтобы не было бесполезных, пустых комментариев. Очень хорошая идея, кстати.

  3. Дмитрий (4 комм.) says:
    http://koskomp.ru

    Пока еще не видел комментариев, длина которых была настолько большая, что ее не стоит пропускать). Хотя штука безусловно полезная

Не держи в себе. Выскажись.

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2011-2016 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 13.76MB | MySQL:65 | 0,500sec
Премиальные плагины для CMS WordPress
Магазин WordPress WP-R.ru
Спасибо, не показывайте мне эту штуку больше!
Смотри мои обучающие видео на YouTube
Иван только что купил плагин ELT
https://wp-r.ru/plaginy/elt.html