Question

所以我实现了JavaScript，通知用户用户剩余的字符数。

这是我的文本区域，应该显示反馈：

<form action='' method='post' enctype='multipart/form-data'>
   <textarea id="txtarea" name='msg' rows='2' maxlength='255' cols='80' placeholder=' Share a thought...'></textarea>
   <input type='submit' name='send' value='Share'/>
</form>

// this is where the feedback should be shown...
<div id="textarea_feed">  </div>

以下是实现所需功能的JavaScript：

        <script type="text/javascript">
            $(document).ready(function() {
                var text_max = 255;
                $('#textarea_feed').html(text_max + ' characters remaining');

                $('#txtarea').keyup(function() {
                    var text_length = $('#txtarea').val().length;
                    var text_remaining = text_max - text_length;

                    $('#textarea_feed').html(text_remaining + ' characters remaining');
                });
            });
        </script>

我在profile_page.php上拥有完全相同的表单和JavaScript布局，并且它可以在那里工作，但出于某种原因，我div中没有显示任何文本。我知道div并没有隐藏在任何其他div之后，因为我已经测试了样本内容。

Answer 1

确保在html中包含jQuery脚本标记。当我添加CDN时它适用于我。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

https://jsfiddle.net/aeuzfLao/

JavaScript不显示剩余字符，但适用于其他页面

1 个答案: