12

属性「maxlength」を追加するときにtextareaにmaxlengthを適用するJqueryは次のとおりです。MaxlengthはIEではサポートされていません。ページ上の複数のテキストエリアを処理するようにコードを調整するにはどうすればよいですか？現在、任意のテキストエリアにテキストを追加すると、それらはすべて同じ値でカウントダウンします。

Jquery：

$(document).ready( function () {

maxLength = $("textarea").attr("maxlength");
    $("textarea").after("<div><span id='remainingLengthTempId'>" 
              + maxLength + "</span> remaining</div>");

    $("textarea").bind("keyup change", function(){checkMaxLength(this.id,  maxLength); } )

});

function checkMaxLength(textareaID, maxLength){

    currentLengthInTextarea = $("#"+textareaID).val().length;
    $(remainingLengthTempId).text(parseInt(maxLength) - parseInt(currentLengthInTextarea));

    if (currentLengthInTextarea > (maxLength)) { 

        // Trim the field current length over the maxlength.
        $("textarea").val($("textarea").val().slice(0, maxLength));
        $(remainingLengthTempId).text(0);

    }
}

HTML：

Skills:
<textarea id="1" maxlength="200" rows="10" cols="60" ></textarea>

Postions:
<textarea id="2" maxlength="200" rows="10" cols="60" ></textarea>

Comments
<textarea id="3" maxlength="100" rows="10" cols="60" ></textarea>
4

4 に答える 4

10

解決策は次のとおりです。

http://web.enavu.com/daily-tip/maxlength-for-textarea-with-jquery/

$(document).ready(function() {

    $('textarea[maxlength]').keyup(function(){
        //get the limit from maxlength attribute
        var limit = parseInt($(this).attr('maxlength'));
        //get the current text inside the textarea
        var text = $(this).val();
        //count the number of characters in the text
        var chars = text.length;

        //check if there are more characters then allowed
        if(chars > limit){
            //and if there are use substr to get the text before the limit
            var new_text = text.substr(0, limit);

            //and change the current text with the new text
            $(this).val(new_text);
        }
    });

});
于 2013-02-25T20:52:47.123 に答える
1

あなたはこれを使うことができますか：

    class="validate[required,maxSize[50]] "
于 2013-07-04T06:13:45.417 に答える
0

このソリューションは、ネイティブの HTML text-area 、 MAX-Length プロパティとして機能しています

Var MaxLength=100; 
$('#Selector').keydown(function (e) {
            var text = $(this).val();
            var chars = text.length;
            if (chars > MaxLength) {
                if (e.keyCode == 46 || e.keyCode == 8 || e.keyCode == 37 || e.keyCode == 38 || e.keyCode == 39 || e.keyCode == 40) {
                    return true;
                }
                return false;
            }
            return true;
        });

サーバーは、ブラウザーに戻るときに maxLength プロパティを HTML マークアップに変換しないため、サーバー側コントロール (asp:TextBox) で Maxlength プロパティを設定しないでください。

于 2014-09-05T02:55:22.097 に答える