3

我有这样的 html 代码，我正在使用 jQuery：

<div><textarea style="height: 150px; width: 250px" name="myName" id="myId" class="text ui-widget-content ui-corner-all" > </textarea></div>

就目前而言，我在按下提交按钮后验证此字段。但是如何在输入符号时禁用它？fe 最大数量为 50 个符号，在第 51 个符号上它变为非活动状态或以任何方式禁止用户输入，因此用户不能输入超过 50 个符号。如何用 jQuery 实现它？谢谢。

4

3 回答 3

2

不需要 jQuery，添加maxlength属性：

<textarea maxlength="50"></textarea>
于 2012-06-22T16:06:35.237 回答
1

监视文本区域，每当按下一个键时，修剪其内容的长度：

$('textarea').on('keyup',function(e) {
    var clen = 50,
        $this = $(this);
    if ($this.val().length > clen) {
        $this.val($this.val().substr(0,clen));
    };
});

http://jsfiddle.net/mblase75/AYUeE/

由于该maxlength属性仅添加到 HTML5 中的 textareas，因此您应该使用类似这样的基于 JavaScript 的解决方案，以获得最大的可靠性。

于 2012-06-22T16:06:00.573 回答
0

使用限制

$('#myId').limit('50,'#charsLeft');

于 2012-06-22T16:05:51.283 回答