首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在jquery中限制文本区域中的字符

在jquery中限制文本区域中的字符
EN

Stack Overflow用户
提问于 2013-05-06 17:30:07
回答 6查看 15.9K关注 0票数 2

我想在jquery中限制文本中的字符.here是我的jquery代码

代码语言:javascript
运行
复制
$('#editnote-tooltip-wrapper').appendTo($(this).closest('.editnote-tip-wrapper')).fadeIn(300).css({ 'position': 'absolute', 'left': 0, 'top': 0, 'z-index': '10000' }).find('.content').html('<textarea cols="5" rows="5" class="elastic" style="overflow: hidden; height: 150px;"></textarea>' + $html);

怎样才能让这个possible.anyone有帮助呢?

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2013-05-06 17:55:42

要限制字符,您可以只使用html的maxlength属性。像<textarea cols="5" rows="5" class="elastic" style="overflow: hidden; height: 150px;" maxlength="500"></textarea>一样

无论如何,它不会在ie9中工作,但你可以遵循下面的代码。

代码语言:javascript
运行
复制
<form name="myform">
<textarea name="limitedtextarea" onKeyDown="limitText(this.form.limitedtextarea,this.form.countdown,100);" onKeyUp="limitText(this.form.limitedtextarea,this.form.countdown,100);">
</textarea><br>
<font size="1">(Maximum characters: 100)<br>
You have <input readonly type="text" name="countdown" size="3" value="100"> characters left.</font>
</form>

有关更多信息,请参阅this page!!.

票数 3
EN

Stack Overflow用户

发布于 2014-06-24 04:14:12

jQuery Limit是一个轻量级插件(~6KB)“,它限制了文本区域或输入字段中可以输入的字符数。该插件还可以报告在用户达到长度限制之前剩下的字符数。”

只需要两个元素:文本区域或输入字段,以及显示可用字符数的另一个元素(在下面的示例中为span)。它非常简单,易于使用。

代码语言:javascript
运行
复制
You have <span id="charsLeft"></span> chars left.
<textarea id="myTextarea"></textarea>
<script type="text/javascript">
  $('#myTextarea').limit('140','#charsLeft');
</script>

demo | on Github

票数 2
EN

Stack Overflow用户

发布于 2013-05-06 17:35:48

您可以参考此link,其中包含详细信息和示例。你可以试一试this。代码是

代码语言:javascript
运行
复制
    $(document).ready( function() {        
        var maxLen = 10;

        $('#send-txt').keypress(function(event){
            var Length = $("#send-txt").val().length;
            var AmountLeft = maxLen - Length;
            $('#txt-length-left').html(AmountLeft);
            if(Length >= maxLen){
                if (event.which != 8) {
                    return false;
                }
            }
        });

});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16395785

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档