在移动浏览器上实施maxlength属性

Question

我有一个最大长度的文本输入:

<input type="text" name="name" maxlength="50">

这在我尝试的所有桌面浏览器上都运行良好,但最大长度似乎并未在移动浏览器上强制实施.

有没有办法让移动浏览器强制执行maxlength？我愿意在解决方案中使用JavaScript和/或jQuery.

Answer 1

试试这个:

var $input = $('input')
$input.keyup(function(e) {
    var max = 5;
    if ($input.val().length > max) {
        $input.val($input.val().substr(0, max));
    }
});

jsFiddle这里:http://jsfiddle.net/fttk2/1/