angular2のフォームバリデーション

Question

私はフォームを作成しています。私は以下のようなバリデーションが見つかったさまざまなウェブサイトを見てきました。

Answer 1

これは非常にはっきりと説明されているので、articleとお読みください。おそらくあなたはこのoneに興味があります - 個人的には、ほとんどのニーズをカバーし、より読みやすいので、私は最後のオプションを好みます。

UPD：

は、しかし、あなたの例を取るために、あなたのテンプレートでこのようにそれを使用する必要があります（

<form [formGroup]="form"> 
    <label>Firstname:</label> 
    <input type="text" formControlName="firstname"> 

    <label>Lastname:</label> 
    <input type="text" formControlName="lastname"> 

    <!-- Other inputs here ...--> 

</form> 

Answer 2

これは、HTMLページに書かれているフィールドをインポートされ、 と」 」、Validators.requiredは）最初単一引用は...私の理解までが引用

Answer 3

ワット/ Bに保存されますUI部分のいくつかのデータを入力している

反応形式検証を使用しました。それが有用な場所は、主に条件付きバリデーションである。

とします。

UserRegistrationフォーム：ストリート・フィールドはオプションです

this.form = fbld.group({ 
     firstname: [''], 
     lastname: ['', Validators.required], 
     profilename: ['', Validators.required], 
     email: ['', Validators.required], 
     image: [''], 
     phone: ['', phoneValidator], 
     street: ['', Validators.required], 
     country: [''], 
    }); 

EmployeeRegistrationフォーム。

this.form = fbld.group({ 
      firstname: [''], 
      lastname: ['', Validators.required], 
      profilename: ['', Validators.required], 
      email: ['', Validators.required], 
      image: [''], 
      phone: ['', phoneValidator], 
      street: [''], 
      country: [''], 
     }); 

上記のケースでは、アウト・ハード・ジョブによるさまざまなシナリオで同じビューが使用されています。