2016-10-12 17 views
1

ステップ変化として:Name入力ボックスにPlunker 表示検証メッセージformcontrolが

  • 行くことに

    1. Go]を
    2. 休職Name
    3. 行く必要Email &タイプ
    4. 一つとしての型、にフィールドエラーが表示されます。Name
    5. 私は、このエラーはない、私はそれを行うことができますどのようにEmail

    を入力した後、EmailNameから1動くようにポップアップしたいですか?

  • +0

    'this.myForm.statusChanges.subscribe'? –

    +0

    いいえまだ同じ振る舞い:( –

    +0

    質問には何があるのか​​不明です。なぜ、「valueChanges」が検証エラーに関連していると思いますか? –

    答えて

    0

    問題は、何も入力せずに最初の入力コントロールから2番目のコントロールに移動するときに、「必須」エラーが発生するのが理想です。

    なぜ必須の組み込みバリデーターを使用していないのですか? http://blog.thoughtram.io/angular/2016/03/14/custom-validators-in-angular-2.html#built-in-validators

    <form novalidate> 
        <input type="text" name="name" ngModel required> 
        <input type="text" name="street" ngModel minlength="3"> 
        <input type="text" name="city" ngModel maxlength="10"> 
        <input type="text" name="zip" ngModel pattern="[A-Za-z]{5}"> 
    </form> 
    

    角度から検証メカニズムを使用してください。

    +0

    私は、 –

    +0

    ' this.myForm = this.fb 。グループ({ 名前:[''、Validators.compose([Validators.required、Validators.pattern( '^ [A-Za-z。\\ - ] + $')])]、 連絡先:this。 fb.group({( '^ [0-9] {10} $')]])、 メールアドレス:[''、Validators.compose([Validators.required、Validators.minLength(10)、Validators.pattern 、Validators.compose([Validators.required、EmailValidator.isValidMailFormat])] } }); –

    +0

    あなたのフォームと私の違いは、私がモデル駆動型を使用していることです。 –

    関連する問題