Form表单,textarea标签输入框 字数限制,和已输入字数的统计显示

<script type="text/javascript">
$(document).ready(function() {
    <%-- 页面进来时就调用 --%>
    setTitleLength();
  });

function setTitleLength() {
$this = $('#title');
var length = $this.val().length;
var lengthNum = 40;//设置限制的字数
//超过指定字数便截取
if (length > lengthNum) {
var text = $this.val().substring(0, lengthNum);
$this.val(text);
$('#info_limit').text(lengthNum);
} else {
$('#info_limit').text(length);
}
}
</script>
<body>
<div class="control-group">
<label class="control-label">标题:</label>
<div class="controls">
    <%-- 添加事件调用 --%>
<form:textarea id="title" path="title" htmlEscape="false" rows="3" class="input-xxlarge required" onkeyup="setTitleLength();"/>
<span class="help-inline"><font color="red">*</font> </span>
</div>
<div class="controls">
<font color=#666666>限40个字 已输入 <font color="#CC0000"><span id="info_limit">0</span></font> 个字</font>
</div>
</div>
</body>


猜你喜欢

转载自www.cnblogs.com/lendar/p/10243282.html
今日推荐