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


JavaScript not showing remaining characters, but works on other pages

所以我实现了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后面,因为我已经用示例内容进行了测试。

确保在html中包含jQuery脚本标记。当我添加CDN时,它对我有效。

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

https://jsfiddle.net/aeuzfLao/