javascript - 在移动浏览器上强制执行 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/