Cómo colocar un limitador de caracteres para los comentarios

Quizás te hayas preguntado alguna vez cómo colocar un limitador de comentarios en tu blog de modo similar a como lo tiene la red social Twitter en la configuración de los tweets. En este post os vamos a explicar cómo hacerlo de manera rápida y eficaz.

Sólo tienes que copiar el siguiente código en el html de tu blog de WordPress:

jQuery(function($) {
// Configuración. Pon en comment_limit_chars el número de caracteres máximo
var comment_input = $( ‘#commentform textarea’ );
var submit_button = $( ‘#commentform .form-submit’ );
var comment_limit_chars = 140;
// deja de hacer modificaciones aquí

// display how many characters are left
$( ‘

‘ + comment_limit_chars + ‘ characters left

‘ ).insertAfter( comment_input );

comment_input.bind( ‘keyup’, function() {
// calculamos cuantos caracteres quedan
var comment_length = $(this).val().length;
var chars_left = comment_limit_chars – comment_length;

// mostramos los caracteres que quedan
$( ‘.comment_limit_info span’ ).html( chars_left );

// oculta el botón de envier si se ha sobrepasado el límite de caracteres
if (submit_button)
( chars_left < 0 ) ? submit_button.hide() : submit_button.show();
});
});

Este código inserta automáticamente una tag div en el campo de texto y actualiza el contador de comentarios a medida que escribe el usuario. El botón submit_button es opcional. Otro valor que puedes cambiar es el de comment_limit_chars, que en el ejemplo viene limitado a 140, como en Twitter.

Be the first to comment

Leave a Reply

Tu dirección de correo no será publicada.