在移动浏览器上强制执行 maxlength 属性

Question

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

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

这在我尝试过的所有桌面浏览器上都运行良好，但最大长度似乎并没有在移动浏览器上强制执行。

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

原文由 mdurchholz 发布，翻译遵循 CC BY-SA 4.0 许可协议

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/

原文由 jedmao 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

此问题是因为您的键盘上启用了预测文本，请将其禁用并重试

原文由 Vajiheh Habibi 发布，翻译遵循 CC BY-SA 4.0 许可协议