Jquery限制輸入框中的文本

Question

我想限制輸入文本字段中的字符數。

我正在使用的代碼：

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

事件是onkeyup。 當我在輸入字段中鍵入一些文本時，光標停留在文本的末尾，但焦點在文本的開頭支持，所以我看不到光標。

什么可能是一個問題。

瀏覽器是FF，在IE和Chrome上它正常工作

Answer 1

你也可以這樣做：

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

要使用jQuery實現這一點，您可以這樣做：

function limitText(field, maxChar){
    $(field).attr('maxlength',maxChar);
}

Answer 2

您的代碼在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);       
        });
    }
}

演示