17

入力テキストフィールドの文字数を制限したい。

私が使用しているコード:

function limitText(field, maxChar){
    if ($(field).val().length > maxChar){
       $(field).val($(field).val().substr(0, maxChar));
    }
}

イベントはonkeyupです。入力フィールドにテキストを入力すると、カーソルはテキストの最後に留まりますが、フォーカスはテキストの最初に戻るため、カーソルが表示されません。

何が問題になる可能性があります。

ブラウザはFFで、IEとChromeでは正しく機能しています。

4

2 に答える 2

41

次のようにすることもできます。

<input type="text" name="usrname" maxlength="10" />

jQueryでこれを実現するには、次のようにします。

function limitText(field, maxChar){
    $(field).attr('maxlength',maxChar);
}
于 2012-09-13T16:36:33.647 に答える
7

あなたのコードはFFで動作しています。コードのわずかに変更されたバージョンは次のとおりです。

$('input.testinput').on('keyup', function() {
    limitText(this, 10)
});

function limitText(field, maxChar){
    var ref = $(field),
        val = ref.val();
    if ( val.length >= maxChar ){
        ref.val(function() {
            console.log(val.substr(0, maxChar))
            return val.substr(0, maxChar);       
        });
    }
}

デモ

于 2012-09-13T16:45:14.157 に答える