jquery - jQueryでテキストエリアを非アクティブにする方法

Question

私はそのような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で実装するには？thnx。

Answer 1

jQueryは必要ありません。maxlength属性を追加してください：

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

Answer 2

テキストエリアを監視し、キーが押されるたびに、その内容の長さをトリミングします。

$('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

使用制限

$（'＃myId'）。limit（ '50、' #charsLeft'）;