Angular 2 Neue Formen API wie mit einem regulären Ausdruck zu validieren

Question

Ich habe eine Plunkr hier. Wie kann ich die Submit-Schaltfläche deaktivieren, bis der Dob in mm/dd/yyyy-Muster ist?

https://plnkr.co/edit/GtPDxw?p=preview

Hier ist die Form

<form [formGroup]="flashyForm"> 
    <input formControlName="dob" pattern="^\d{2}\/\d{2}\/\d{4}$" placeholder="Date of Birth"> 
    <button type="submit" [disabled]="!flashyForm.valid">Submit</button> 
</form> 

Answer 1

Muster muss ein String sein wie

pattern="\d{2}\/\d{2}\/\d{4}" 

^ und $ werden automatisch hinzugefügt. Ich kann mich nicht erinnern, ob \ als \\ maskiert werden müssen, aber ich denke schon.

Siehe auch https://github.com/angular/angular/issues/10150

Answer 2

Sie Muster versuchen = "^ (0 [1-9] | 1 [0-2])/(0 [1-9] | 1 [0-2])/([0-9] {4}) $ ". Passen Jahr nach Ihren Bedürfnissen.