显示 WordPress 评论中的字符数

Question

我使用此 php 代码来限制 functions.php

中的 Wordpress 评论长度

add_filter( 'preprocess_comment', 'wpb_preprocess_comment' );

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

如何在用户键入时显示要更新的剩余可用字符数？它应该是一些简单的文本，如字段一角的“剩余 1400 个字符”。

欢迎提出任何建议。

Answer 1

你可以这样做：

$(document).ready(function () {
   $("#area").on("keydown", function() {
      let count = $(this).val().length;
      $("#count").html(1400 - count - 1 + " characters left.");
   });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea id="area"></textarea>
<div id="count">
</div>

Answer 2

我用过这个：

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
        $( '.comment_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');

显示 WordPress 评论中的字符数

Display number of characters in WordPress comments

jquery

wordpress

comments