Wie kann man nur 4-stellige zahlen im html-Textfeld?

Habe ich versucht zu verhindern, dass Benutzer in HTML-Textfeld einfügen nur 4-stellige zahlen 0-9.

Habe ich versucht wie folgt, aber es einschränken, nur um die zwei-stellige zahlen.

<input type="text"  name="pincode" maxlength="4"  id="pin" pattern="^0[1-9]|[1-9]\d$" required/>
Versuchen pattern="\d{4}". Sie brauchen keinen Anker, da das Attribut pattern verankert ist standardmäßig aktiviert.
Vielleicht type="number" maxlength="4" 😕
Es verhindert nicht, dass Benutzer von der Eingabe von nicht-Ziffern-Zeichen. Auch maxlength nur einschränken der Eingabe von mehr als 4 Zeichen. Also, die Eingabe 0,1,2,3 Zeichen gültig ist. Hier OP einschränken möchten, Benutzer, geben Sie genau 4 Ziffern.
Das ist richtig, erhalten Sie nur einen Fehler bei der überprüfung. Aber AFAIK ist alles was Sie bekommen kann mit plain-HTML.

InformationsquelleAutor Nur Selam | 2016-01-01

  1. 4

    Ändern Sie Ihre regex etwa so:

    pattern="\d{4}"
# allows numbers from 0000-9999

pattern="[1-9][0-9]{3}"
# from 1000-9999

    Einem Muster wie {1,4} erlauben würde, zahlen mit 1 bis 4 Ziffern, ein Muster wie {x} behebt die Anzahl der stellen, um x-mal.

    Edit: Wie @Tushar darauf hingewiesen, dass der ehemals regex [1-9]{4} falsch war, wie es nicht erlauben, dass keine Nullen.

    Als Stribizhev erklärte in seiner Antwort, bei der Verwendung von pattern Attribut, das Sie brauchen nicht den Anker. Auch der zweite regex ^[1-9]{4}$ nicht mit zahlen 1111-9999. Es entspricht zahlen von 1111 bis 9999 nicht mit null
    Recht hast du, bearbeitet haben meine Antwort.
    Return gedrückt zu früh...
    Das ist wieder falsch. 1[0-9]{3} entsprechen 1000-1999. Sie suchen [1-9][0-9]{3}.
    Ok, müssen Sie einige zusätzliche Lektüre offensichtlich.

    InformationsquelleAutor Jan

  2. 4

    Bitte versuchen Sie, die folgenden:

    <input type="text" 
       maxlength="7" 
       onkeypress='return event.charCode >= 48 && event.charCode <= 57'    
       required 
/>
    Dies ist die beste Antwort.

    InformationsquelleAutor Khaleel Hmoz

  3. 2

    Ändern Sie Ihre Muster wie unten,

    pattern = "^[0-9]{4}$"

    Repeatation Quantifizierer {4} sollte, wiederholen Sie die vorherigen token genau 4 Zeiten.

    InformationsquelleAutor Avinash Raj

  4. 0
    pattern="\d{4}"

    können zahlen von 0000-9999

    pattern="[1-9][0-9]{3}"

    können zahlen von 1000-9999

    Einem Muster wie {1,4} erlauben würde, zahlen mit 1 bis 4 Ziffern. Ein Muster wie {x} behebt die Anzahl der Ziffern x Zeiten.

    InformationsquelleAutor user9522383

  5. -2

    Habe ich das problem gelöst. Das folgende Skript wird nur 4 Ziffern in das Textfeld ein. 

    <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Digit in html form</title>
</head>
<body>
<input name="myInput_DRS"
onkeypress="return isNumeric(event)"
oninput="maxLengthCheck(this)"
type = "number"
maxlength = "4"
min = "1"
max = "9999" />
<script>
function maxLengthCheck(object) {
if (object.value.length > object.maxLength)
  object.value = object.value.slice(0, object.maxLength)
}

function isNumeric (evt) {
var theEvent = evt || window.event;
var key = theEvent.keyCode || theEvent.which;
key = String.fromCharCode (key);
var regex = /[0-9]|\./;
if ( !regex.test(key) ) {
  theEvent.returnValue = false;
  if(theEvent.preventDefault) theEvent.preventDefault();
}
}
</script>
</body>
</html>

    Besuchen Website weitere grundlegende Frage bezüglich HTML

    InformationsquelleAutor Sajid

Schreibe einen Kommentar