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 pattern="^[\w\s-]+$"

InformationsquelleAutor Jesse Sliter | 2017-06-04

Schreibe einen Kommentar