<script>
$(function(){
$('#comments_content').bind('input propertychange', function () {
var fizeNum = $(this).val().length;//获取输入字数
if (fizeNum > 500) {//如果大于500
var char = $(this).val();
char = char.substr(0, 500);//截取字符串(前500)
$(this).val(char);
fizeNum = 500;
}
$(this).parent().find('.textNum').text(fizeNum);
});
))
</script>
<div class="form-group">
<label class="col-sm-3 control-label" for="comments_content">评论内容:</label>
<div class="col-sm-6">
<textarea name="comments_content" id="comments_content" class="form-control limited" rows="8" maxlength="500" placeholder="请输入评论内容"></textarea>
<div class="text-right"><span class="textNum">0</span>/500</div>
</div>
</div>
<div id="app">
<textarea v-model:trim="formobj.content" @input="descInput" maxlength="500" placeholder="请在此输入......" ></textarea>
{{txtVal}}/500
</div>
<script>
var vm = new Vue({
el : "#app",
data : {
formobj : {
content : ""
},
txtVal : 0
},
methods : {
descInput : function() {
this.txtVal = this.formobj.content.length;
},
}
});
</script>
实时统计文本框字数
最新推荐文章于 2023-07-27 14:22:07 发布