Eingabefeld, das nur Nummer mit maxlength akzeptiert

Question

<input type="number"> 

Ich möchte nur Nummer aus Eingabefeld mit maxlength nehmen ist 8. bitte schlagen Sie mir vor.

Answer 1

Sie könnten das mit jquery tun.

$('input[type=number]').keypress(function() { 
     if (this.value.length >= 8) { 
      return false; 
     } 
}); 

Sie entweder die 'input[type=number]' mit einer ID oder Klasse ersetzen könnten und die ID oder Klasse in das Eingabefeld hinzuzufügen.

Answer 2

HTML5 ermöglicht, min & max Wert des Eingangs einzustellen. Wenn Ihre Eingabe eine maximale Länge von 8 Zeichen haben soll, setzen Sie den maximalen Wert auf 99999999. Wenn Sie ein solches Element mit einem "ungültigen" Wert senden, wird der Browser den Benutzer über einen Fehler informieren und ihn das Formular nicht senden lassen. Dies funktioniert auch, wenn Javascript deaktiviert ist.

<form> 
    <input type="number" min="0" max="99999999" step="1" value="1"> 
    <input type="submit"> 
</form>