角2新しいフォームAPI正規表現で検証する方法

Question

私はここにplunkrを持っています。 dobがmm/dd/yyyyパターンになるまで[Submit]ボタンを無効にするにはどうすればよいですか？

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

ここ

<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

パターンが

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

^と$のような文字列にする必要があるフォームが自動的に追加されています。 \を\\としてエスケープする必要があるかどうかはわかりませんが、私はそう思います。

あなたはパターンを試すことができますもhttps://github.com/angular/angular/issues/10150

Answer 2

参照してください= "^（0 [1-9] | 1 [0-2]）/（0 [1-9] | 1 [0-2]）/ （[0-9] {4}）$ "となります。 必要に応じて年をカスタマイズします。