Question

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

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

现在，我按下提交按钮后验证此字段。但是如何在输入符号时将其停用？ F.E.最大数量为50个符号，在51符号上它变为非活动状态或以任何方式禁止用户输入，因此用户不能输入超过50个符号。如何用jQuery实现它？日Thnx。

Answer 1

不需要jQuery，添加maxlength属性：

<textarea maxlength="50"></textarea>

Answer 2

监控textarea，每当按下一个键时，修剪其内容的长度：

$('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的解决方案，以获得最大可靠性。

Answer 3

使用Limit

。

$（ '＃MYID'）限制（'50， '＃charsLeft'）;

如何使用jQuery使textarea无效

3 个答案: