Winkel-2 Formular-Validierung Muster regex-Fehler
Ich bin erstellen Sie ein Formular, in Winkel, das erfordert, dass das Feld name nur alphanumerische Zeichen und Leerzeichen. Dazu verwende ich das Attribut "pattern":
<input type="text" class="form-control" placeholder="Name" name="Name" [(ngModel)]="name" required pattern="/^[a-z\d-_\s]+$/i" #nameField="ngModel">
und ich habe folgende Fehlermeldung, die ich zeigen will, wenn die Zeichenfolge nicht übereinstimmt:
<div *ngIf="nameField.errors">
<div [hidden]="!nameField.errors.pattern">
<p class="has-error">
Only spaces, letters, and numbers are allowed.
</p>
</div>
</div>
Jedoch, es scheint, dass selbst wenn sollte der string mit dem regulären Ausdruck übereinstimmen, kann ich immer noch die Fehlermeldung. Irgendwelche Ideen?
ich denke, es sollte so etwas wie : <span *ngIf="nameField.Fehler?.Muster"
Versuchen
Versuchen
pattern="^[\w\s-]+$"
InformationsquelleAutor Jesse Sliter | 2017-06-04
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie verwenden
Den
[A-Za-z\d_]
Spiele die gleichen chars wie\w
in JavaScript native regex. Das ganze Muster, so entspricht eine oder mehrere ASCII-Buchstaben, Ziffern, Unterstriche, Bindestriche oder Leerzeichen.Beachten Sie, dass die Winkel-Anker-Muster standardmäßig, aber es ist besser, halten die Anker
^
und$
ausdrücklich in das Muster, um es kompatibel mit anderen frameworks.können Sie mir bitte helfen um dieses Problem zu lösen stackoverflow.com/questions/52091334/... @WiktorStribizew
InformationsquelleAutor Wiktor Stribiżew
Ich denke, das Problem hier ist, dass die syntax von regex nicht richtig gebildet:
Blick auf diese plunkr
InformationsquelleAutor happyZZR1400