HTML5-Formularvalidierungsmuster alphanumerisch mit Leerzeichen?

Ich habe das folgende Eingabe-Tag in meinem html5-Formular:

<p>
    <label>Company Name*</label>
    <input type="text" name="name" class="field" required pattern="[a-zA-Z0-9]+" />
</p>

Das funktioniert ganz gut, um zu prüfen, ob der Firmenname aus alphanumerischen Zeichen besteht. Aber ich möchte natürlich auch Leerzeichen im Firmennamen zulassen. Ich muss wissen, was ich zu dem Muster hinzufügen soll.

Michiel
Bearbeitete Frage 28. Juni 2018 в 11:39
Programmierung
regex html5 forms validation alphanumeric
27. Oktober 2013 в 2:54
15 Aufrufe
Lösung

Wie wäre es mit dem Hinzufügen eines Leerzeichens im Musterattribut wie "pattern="[a-zA-Z0-9 ]+". Wenn Sie jede Art von Leerzeichen unterstützen wollen, probieren Siepattern="[a-zA-Z0-9\s]+"`

Kommentare (6)

Um eine Eingabe nur mit Leerzeichen zu vermeiden, verwenden Sie: "[a-zA-Z0-9]+[a-zA-Z0-9 ]+".

eg: abc | abc aBc | abc 123 AbC 938234

Um sicherzustellen, dass z. B. ein Vor- UND ein Nachname eingegeben werden, verwenden Sie eine leichte Variation wie

"[a-zA-Z]+[ ][a-zA-Z]+"

eg: abc def
Dmitriy
Bearbeitete Antwort 6. Oktober 2016 в 7:07
Kommentare (2)

Verwenden Sie diesen Code, um sicherzustellen, dass der Benutzer nicht nur Leerzeichen, sondern einen gültigen Namen eingibt:

pattern="[a-zA-Z][a-zA-Z0-9\s]*"
rink.attendant.6
Bearbeitete Antwort 17. September 2015 в 5:47
Kommentare (0)