it-swarm.com.de

Maximale Anzahl von Zeichen im Texteingabefeld

Wie beschränke oder beschränke ich den Benutzer auf die Eingabe von maximal fünf Zeichen in das Textfeld?

Unten ist das Eingabefeld als Teil meines Formulars:

<input type="text" id="sessionNo" name="sessionNum" />

Verwendet es so etwas wie maxSize oder so etwas?

108
BruceyBandit

maxlength :

Die maximale Anzahl von Zeichen, die als Eingabe akzeptiert werden. Dies kann größer sein als in SIZE angegeben. In diesem Fall wird das Feld entsprechend gescrollt. Die Standardeinstellung ist unbegrenzt.

<input type="text" maxlength="2" id="sessionNo" name="sessionNum" onkeypress="return isNumberKey(event)" />

Dies kann jedoch von Ihrem Handler beeinflusst werden oder auch nicht. Möglicherweise müssen Sie auch eine andere Handlerfunktion verwenden oder hinzufügen, um die Länge zu testen.

165
Jared Farrish

Der einfachste Weg, dies zu tun:

maxlength="5"

So .. Hinzufügen dieses Attributs zu Ihrem Steuerelement:

<input type="text" 
    id="sessionNo" 
    name="sessionNum" 
    onkeypress="return isNumberKey(event)" 
    maxlength="5" />
27
Nonym

Fügen Sie dem Header Folgendes hinzu:

<script language="javascript" type="text/javascript">
function limitText(limitField, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    }
}
</script>

    <input type="text" id="sessionNo" name="sessionNum" onKeyDown="limitText(this,5);" 
onKeyUp="limitText(this,5);"" />
8
b3verelabs

Gemäß w3c ist der Standardwert für das Attribut MAXLENGTH eine unbegrenzte Zahl. Wenn Sie also nicht die maximale Anzahl angeben, kann ein Benutzer die Bibel ein paar Mal ausschneiden und einfügen und sie in Ihr Formular einfügen.

Selbst wenn Sie MAXLENGTH auf eine vernünftige Zahl festlegen, sollten Sie die Länge der übermittelten Daten auf dem Server überprüfen, bevor Sie sie verarbeiten (etwa mit PHP oder ASP), da es ohnehin recht einfach ist, die grundlegende MAXLENGTH-Einschränkung zu umgehen

7
Mahdi Jazini

Mach es einfacher

      <input type="text" maxlength="3" />

verwenden Sie eine Warnung, um anzuzeigen, dass die maximale Zeichenanzahl verwendet wurde.

3
user5829707

Ich mache es immer so:

$(document).ready(function(){
var maxChars = $("#sessionNum");
var max_length = maxChars.attr('maxlength');
if (max_length > 0) {
    maxChars.bind('keyup', function(e){
        length = new Number(maxChars.val().length);
        counter = max_length-length;
        $("#sessionNum_counter").text(counter);
    });
}
});

Eingang:

<input name="sessionNum" id="sessionNum" maxlength="5" type="text">
Number of chars: <span id="sessionNum_counter">5</span>
3
Sašo Krajnc

Maximale Länge

Die maximale Anzahl von Zeichen, die als Eingabe akzeptiert werden. Das Attribut maxlength gibt die maximale Anzahl von Zeichen an, die im Element zulässig sind.

Maxlength W3 Schulen

  <form action="/action_page.php">
     Username: <input type="text" name="usrname" maxlength="5"><br>
     <input type="submit" value="Submit">
   </form>
2
Kondal
<input type="text" maxlength="5">

die maximale Anzahl von Buchstaben, die in der Eingabe enthalten sein können, beträgt 5.

2
anonymous
<input type="number" id="xxx" name="xxx" oninput="maxLengthCheck(this)" maxlength="10">

function maxLengthCheck(object) {
  if (object.value.length > object.maxLength)
  object.value = object.value.slice(0, object.maxLength)
}
1
P.Banerjee

Sie können <input type = "text" maxlength="9"> oder

<input type = "number" maxlength="9"> für Zahlen oder <input type = "email" maxlength="9"> für die E-Mail-Überprüfung wird angezeigt

1