maxlength des input-tag mit type=text mithilfe von html5 in android webview funktioniert nicht

ich bin in der Lage zu geben, mehr als die angegebene maxlength des input-tag mit type=text mithilfe von html5 in android webview. wenn lost focus/Weichzeichner, Wert getrimmt werden, um maxlength.

beispielsweise 

<input type="text" maxlength="5" id="hahaha">

 value entered = abcdefghij
 on blur/lostfocus value displayed = abcde.

gibt es trotzdem, dass schränkt den Zugriff des Benutzers auf mehr Zeichen als maxlength eher als trimmen Inhalt nach Benutzer in die Inhalte . In IOS ist es fein arbeiten.

InformationsquelleAutor user3386468 | 2015-01-28
  1. 1

    Dieses problem ist wahrscheinlich ein bug in Android 4.1 version, wie Sie hier sehen können Fünf und dreißig tausend zwei hundert vier und sechzig.
    Sie können lösen, die mit einigen Javascript:

    <input type="text" maxlength="3" id="hahaha" onkeypress="if(this.value.length >= this.getAttribute('maxlength') return false;" />

    oder JQuery:

    $(function() {
    max_length = $("#hahaha").attr("maxlength");
    $("#hahaha").attr("onkeypress", "if(this.value.length >= max_length) return false;");
});
    • Liebe @neliojrr onkeypress-Ereignis nicht gefeuert, im android-browser
    • Versuchen keyup Ereignis und substr Methode. Schauen Sie diese Lösung: link
    InformationsquelleAutor Nelio
  2. 1

    Ein bisschen spät zu der party, aber wie neliojrr erwähnt, Sie können dies korrigieren, mit javascript/jquery. Aber, ich wäre sehr geneigt zu machen, so viel mehr generisch:

    $('input[maxlength]').on('keydown', function(event) {
    var $this = $(this);
    if ($this.val().length > parseInt($this.attr('maxlength'), 10)) {
        event.preventDefault();
    }
});
    InformationsquelleAutor paddybasi
  3. 0

    Dank @paddybasi es funktionierte für mich. Nur eine kleine Korrektur. keydown-event scheint nicht zu funktionieren in android. Also müssen wir ändern, um die Veranstaltung zu "textInput".

    JS:

    $('input[maxlength],textarea[maxlength]').on('textInput', function (event) {
        var $this = $(this);
        if ($this.val().length >= parseInt($this.attr('maxlength'), 10)) {
            event.preventDefault();
        }
    });

    InformationsquelleAutor Mohan
Schreibe einen Kommentar