maxlength Attribut der Eingabe in HTML funktioniert nicht auf HTC One M7

Question

Ich habe ein einfaches Eingabefeld, das eine maxlength = "2" Attribut hat. Der Code sieht wie folgt aus:

<input id="txtLoginName" maxlength="2"> 

Es funktioniert gut auf den meisten Android-Geräten. Auf dem HTC One M7 funktioniert es jedoch nicht. Auf diesem Gerät kann ich einfach so viele Zeichen eingeben, wie ich möchte.

Irgendwelche Vorschläge? Ich denke, es sollte bisher ein gerätespezifisches Problem sein.

Vielen Dank im Voraus.

Answer 1

Ich habe dieses Problem bei einigen Projekten bemerkt. Ich denke, bestimmte Versionen von Android haben eine schlechte Unterstützung für maxlength.

Meine Lösung bestand darin, eine jQuery-Keydown-Funktion zu verwenden, die die Anzahl der Zeichen überprüft und verhindert, dass mehr eingegeben wird, wenn das Maximum erreicht wurde.

$('#inputWithMaxLength').keydown(function (e) { 

    var inputLength = jQuery(this).val().length; 

    if(inputLength >= 10) { 
     e.preventDefault(); 
     return false; 
    } 
} 

Ich bin sicher, dass Sie dies ändern könnten, so dass es für jede Eingabe mit Attributen von maxlength gesucht und erstellt ein jQuery-Backup on the fly. Ich bin mir nicht sicher, ob das eher langsam wäre.

Answer 2

Versuchen Sie dieses:

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