使用jquery限制/计算TextArea中的字符数

时间:2014-06-04 09:47:32

标签: jquery count textarea

如何计算在文本区域框中输入的字符?

我有以下文本框,

 <%: Html.TextArea("Message", "", new { @title = "Enter the Message" })%>

我的最大数量是160个字符。如果字符gettng超过它应该显示字符/ 2消息的计数。如何计算字符?

2 个答案:

答案 0 :(得分:3)

您可以尝试添加jquery事件处理方法:

加价

<%: Html.TextArea("Message", "", new { @id = "mytextarea", @title = "Enter the Message" })%>    
<div id="charNum"></div>

<强>的jQuery

$('#mytextarea').keyup(function(){          
      var len = $(this).val().length;
      if (len >= 160) {
          var output = $(this).val().substring(0, 160);
          $(this).val(output);
      } else {
          $('#charNum').html(160 - len);
      }
});

Working Demo

答案 1 :(得分:1)

由于你还没有发布任何代码我会告诉你如何继续实施这个... 简单地将keyup上的脚本附加到textarea,如

$('textarea').keyup(function() {
        console.log($(this).val().length);
});

$(this).val().length应该为您提供输入文本的长度。然后你可以实现你想要的方式...... 希望它有所帮助