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

最新推荐文章于 2022-09-30 14:08:28 发布

weixin_30466039

最新推荐文章于 2022-09-30 14:08:28 发布

阅读量864

点赞数

原文链接：http://www.cnblogs.com/lendar/p/10243282.html

版权

<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" οnkeyup="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>

转载于:https://www.cnblogs.com/lendar/p/10243282.html

weixin_30466039

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Form表单，textarea标签输入框字数限制，和已输入字数的统计显示

<script type="text/javascript"> $(document).ready(function() {　　　　<%-- 页面进来时就调用 --%>　　　　setTitleLength();　　});function setTitleLength() { $this = $('#title'); var length = $this.va...
复制链接

扫一扫