jquery - How to display comments length

admin管理员组

文章数量:1326099

i used this code for limit comment length

add_filter( 'preprocess_comment', 'wpb_preprocess_comment' );

function wpb_preprocess_comment($comment) {
    if ( strlen( $comment['comment_content'] ) > 5000 ) {
        wp_die('Comment is too long. Please keep your comment under 5000 characters.');
    }

Now i need display in comment field, how many characters user already written. Is it possible do with php code into functions? Or do you know some plugin?

Any suggestions welcome.

i used this code for limit comment length

add_filter( 'preprocess_comment', 'wpb_preprocess_comment' );

function wpb_preprocess_comment($comment) {
    if ( strlen( $comment['comment_content'] ) > 5000 ) {
        wp_die('Comment is too long. Please keep your comment under 5000 characters.');
    }

Now i need display in comment field, how many characters user already written. Is it possible do with php code into functions? Or do you know some plugin?

Any suggestions welcome.

• jquery
• comments
• comment-form

Share Improve this question edited May 24, 2020 at 13:53 klvb asked May 22, 2020 at 20:34 klvbklvb 2122 bronze badges 4

• You mean the comment form in the blog posts? You want the number of available characters left to be updated as the user types? – Himad Commented May 23, 2020 at 0:27
• yes, some simple text as "1400 characters left" in the corner of field – klvb Commented May 23, 2020 at 1:13
• 1 You'd want to use jQuery for that, not PHP. – Tony Djukic Commented May 23, 2020 at 2:41
• And some idea how to do it in jQuery? – klvb Commented May 23, 2020 at 19:10

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

I used this:

function wpb_countx() {
    wp_enqueue_script('jquery');
    ?>
        <script>
   jQuery(function($) {
    // configure
    var comment_input = $( '#commentform textarea' );
    var submit_button = $( '#commentform .form-submit' );
    var comment_limit_chars = 1400;
    // stop editing here

    // display how many characters are left
    $( '<div class="comment_limit_info"><span>' + comment_limit_chars + '</span> zbývá znaků</div>' ).insertAfter( comment_input );

    comment_input.bind( 'keyup', function() {
        // calculate characters left
        var comment_length = $(this).val().length;
        var chars_left = comment_limit_chars - comment_length;

        // display characters left
        $( 'ment_limit_info span' ).html( chars_left );

        // hide submit button if too many chars were used
        if (submit_button)
            ( chars_left < 0 ) ? submit_button.hide() : submit_button.show();
    });
}); 
        </script>
    <?php
}
add_action('wp_footer', 'wpb_countx');

本文标签： jqueryHow to display comments length