javascript - Phonegap - 输入类型电子邮件最大长度不起作用

Question

这个问题在 Phonegap 上。我想在输入框上应用最大长度。但是在电子邮件类型的输入框中，maxlength 不起作用。 (在其他类型，例如密码类型或电话类型中效果很好。)当然，它在网络上也很好用。该问题仅发生在 Phonegap。你为什么知道？

我的代码

<input type="email" data-role="none" placeholder="ID" maxlength="20"/>

+) 我找到了 this question但没有给我答复。 attr('maxlength','5') 也帮不了我..

编辑

我找到了 this question .并同时品尝了4.2版、4.4.2版。这个问题肯定不会只在 4.4.2 版本的设备上起作用。

已解决

为了查看答案，我尝试使用以下代码来解决:

var eInput = document.getElementById('Email-input');
var maxLength = eInput.maxLength;
eInput.onkeyup = function(e){
    if( eInput.value.length > maxLength  ){
        eInput.value = eInput.value.substring(0, maxLength );
    }
};

但是，如果我使用此代码，则在输入超过最大长度后尝试删除时，应该尝试更多的键盘删除按钮。并且在这个 link 中找到了这个错误的答案。 .需要用空格或焦点来完成单词，而不是正确清除。 (该问题仅出现在某些版本上。-我认为可能是 4.4.2 或更高版本..)

所以我使用这段代码:

eInput.value += '&nbsp';

而且效果很好!

所有代码:

var eInput = document.getElementById('Email-input');
var maxLength = eInput.maxLength;
eInput.onkeyup = function(e){
    if(eInput.value.length > maxLength){
        eInput.value += '&nbsp';
        eInput.value = eInput.value.substring(0, maxLength);
    }
};

Answer 1

var eInput = document.getElementById('Email-input');
var maxLength = eInput.maxLength;
eInput.onkeyup = function(e){
    if( eInput.value.length > maxLength  ){
        eInput.value = eInput.value.substring(0, maxLength );
    }
};

或

<input type="email" onKeyDown="if(this.value.length==10) this.value = this.value.slice(0, -1);">

或者你可以试试这个技巧

<input type="email" name="email" pattern=".{6,10}" title="Six or less 10 characters">

也许然后试试 jquery

look it is work