Verwenden des Musterattributs in HTML5

Ich habe ein Formular in HTML5 und möchte Validierungselemente zu den Feldern Name, Adresse und Telefon hinzufügen. Bisher habe ich den folgenden Code haben:Verwenden des Musterattributs in HTML5

name='name' pattern='(-.''[A-Za-z])' 
name='phone' pattern='[0-9+()x-' ']' 
name='address' pattern='[0-9A-Za-z][.,#/\:;''&*]'

Für den Namen, ich brauche es in der Lage sein, die -'. Symbole zu akzeptieren.
Für das Telefon brauche ich es +()0-9 x und Platz zu akzeptieren.
Für Adresse, ich brauche es, um alle Zeichen zu akzeptieren, die ich dort gesetzt habe.

Ich bin mir nicht sicher, ob ich es richtig gemacht habe, denn beim Testen erhalte ich keine Fehlermeldungen.

Quelle

2017-07-13 R.Sloshy

Nur eine freundliche Erinnerung: 'Traue nie dem Benutzer'. Vergessen Sie nie die Überprüfung der Backend-Werte. – Seblor

Es scheint, dass Sie mit Regex nicht sehr vertraut sind. Ich empfehle sehr, mit einem Tutorial zu lernen, aber es gibt auch viele vorgefertigte Regexes, die bereits online verfügbar sind, wie zum Beispiel auf [diese Seite] (http://html5pattern.com/). – 4castle

Sie müssen das Muster in " einschließen, da Sie auch ' in Ihrem Muster selbst verwenden.

Probe für das name Feld, einschließlich der korrekten Musterkette:

<form> 
 
<input type="text" name="name" required pattern="[-.'A-Za-z]+" /><input type="submit"> 
 
</form>

(vorausgesetzt, Sie -'.Plus die Zeichen zulassen wollen, sind Ihre Anforderungen nicht 100% klar, Ich)

Quelle

2017-07-13 01:23:49 Marvin

Danke Marvin. Große Hilfe ... das hat die Probleme behoben :) –

Verwenden des Musterattributs in HTML5

Antwort

Verwandte Themen