Die Durchsetzung der maxlength-Attribut auf mobilen Browsern

Ich habe eine text-Eingabe mit einer maximalen Länge:

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

Diesem wurde gut funktioniert auf allen desktop-Browsern die ich ausprobiert habe, aber die maximale Länge scheint nicht erzwungen werden, die auf mobilen Browsern.

Gibt es eine Möglichkeit, um mobile Browser zu erzwingen maxlength? Ich bin offen, um mit JavaScript und/oder jQuery in der Lösung.

  • Ich vermute stark es ist etwas anderes mit im Spiel ist. Verwendest du irgendwelche Bibliotheken oder frameworks mit verwandeln Sie Ihr markup in etwas anderes für die mobilen Browser, wie jQuery Mobile?
  • Ich würde das zweite, was @MattBall sagte. Wahrscheinlich ein Skript entgegenstehende oder werfen Fehler. Sehen Sie irgendwelche js Fehler geworfen?
  • Sie können mimo84.github.io/bootstrap-maxlength, die aussieht wie ein validate parameter für die Browser, die nicht unterstützen, das maxLength-Attribut, einschließlich Handys.
  • Ich habe nur die regelmäßige jQuery-Bibliothek enthalten. Ich habe sogar es getestet auf w3schools Seite über maxlength. Es funktioniert nicht auf meinem Handy zumindest
InformationsquelleAutor mdurchholz | 2013-07-03
  1. 7

    Versuchen, diese:

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

    jsFiddle hier: http://jsfiddle.net/fttk2/1/

    • Ist es möglich, deaktivieren die Taste drücken, nachdem es erreicht maximal 5 ?
    • Einer der anderen Antworten deaktiviert die Taste drückt nach erreichen der maximalen. Es ist jedoch nicht empfehlenswert, da der Benutzer dann nicht drücken Sie die Rücktaste.
    InformationsquelleAutor
  2. 2
    var max = 1

input.addEventListener('keyup', function (event) {
    event.target.value = event.target.value.substring(0, max)
})
    • Während dieses code-snippet lösen können, die Frage, einschließlich einer Erklärung die wirklich hilft, zu verbessern, die Qualität Ihrer post. Denken Sie daran, dass Sie die Beantwortung der Frage für den Leser in der Zukunft, und die Menschen vielleicht nicht wissen, die Gründe für deinen code-Vorschlag. Bitte auch nicht versuchen Sie zu drängen, Ihren code mit erläuternden Kommentaren versehen, dadurch verringert sich die Lesbarkeit der code und die Erklärungen!
    InformationsquelleAutor littleboots
  3. 0

    Universal jQuery durchsetzen, die erklärte maxlength eines form-Feldes. (Ich brauchte es für sessionStorage, localStorage und param überschreibt.) Code optimiert für die Lesbarkeit.

    $('input').on('change', function () {
  var max = $(this).attr('maxlength'),
      val = $(this).val(),
      trimmed;

  if (max && val) {
    trimmed = val.substr(0, max);
    $(this).val(trimmed);
  }
});
    InformationsquelleAutor doublejosh
  4. -1
    var maxLength = 10;
var field = $('#myinput');
field.keydown( function(e)
{
    if ( $(this).val().length >= maxLength ) e.preventDefault();
});
    • Kann nicht scheinen, zu schlagen, einmal die Rücktaste die maximale Länge erreicht wurde.
    InformationsquelleAutor scel.pi
  5. -1

    Ich würde vorschlagen, etwas ein bisschen mehr einfach. Die aboves hat bei mir nicht funktioniert, es sei denn, es wurde ein Leerzeichen Hinzugefügt, um das Feld zu pick es auf... oder wenn ich auf senden nach rechts, noch bestanden die Informationen.

    if($(".input") > 20){$(".input") = input.slice(0,20)};
    InformationsquelleAutor COMPUTER KICK
Schreibe einen Kommentar