所以我实现了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/