jQueryを使用したクライアント側のテキストボックスの文字数制限の検証？

Question

テキストボックスには、MIN個の文字とMAX個の文字を指定する必要があります。ユーザーがフォームを送信する前に、入力が範囲内にあることを確認するために（jQueryを使用して、状況メッセージをユーザーに表示している最中に）最良の方法は何ですか？

更新：以下のコードはある程度機能しますが、テキストを削除する際に問題が発生しています。テキストボックス内のイベントをキャプチャするために 'keypress'を使用しているので、例えば 'backspace'を押すと、 'length'変数が誤ってインクリメントされます。問題のようなのは、テキストの長さがの前にの前に検索されている、つまりキーを押すと常に前にあった長さが+1になります。

更新：（！常にあまりにもサーバー上で検証）私はこのアプリで唯一のクライアント側の検証である場合には代わりにキー入力

Answer 1

のからkeyup機能を使用して、前の問題を解決したと思う、それ」このような何かを見てdは：あなたはあなたのアプリケーションでの検証の多くを必要とする場合

$("#your_textbox").keypress(function() { 
    var length = this.value.length; 
    if(length >= MIN && length <= MAX) { 
    $("#your_submit").removeAttr("disabled"); 
    $("#your_validation_div").hide(); 
    } else { 
    $("#your_submit").attr("disabled", "disabled"); 
    $("#your_validation_div").show(); 
    } 
}); 

あなたはvalidation pluginを検討する必要があります。

maxlength attributeの設定：

<input type='text' maxlength="30" />