不要模糊

Question

火表單驗證在角2我能表單驗證在角2

整合我使用form = formBuilder.group({...})方法。

驗證工作正常。但是我想驗證只在我點擊提交時被解僱。目前默認情況下，當用戶從輸入模糊時，它會啓動。如何停止模糊發射驗證並手動點燃。

編輯：

問題用*ngIf或[hidden]是，他們很好地工作變量來跟蹤的形式提交。 但驗證只有當我從輸入模糊時纔會觸發。換句話說，當用戶沒有訪問輸入時，驗證不會觸發。

Answer 1

您需要將自定義formSubmitted屬性整合到您的表達式中以顯示錯誤。例如：

<span *ngIf="formSubmitted && form.controls.someCtrl.errors?.someerror"> 
    Some message 
</span> 

默認情況下它的值是false和表單提交時將被設置爲true。

@Component({ 
    (...) 
    template: ` 
    <form (ngSubmit)="onFormSubmitted()"> 
    </form> 
    ` 
}) 
export class SomeComponent { 
    formSubmitted: boolean = false; 

    onFormSubmitted() { 
    this.formSubmitted = true; 
    } 
} 

Answer 2

顯示，只有當提交平設置錯誤：

<form (ngSubmit)="submit()" ...> 
<input ngControl="name" #name="ngForm" type="text"> 
<span [hidden]="name.valid && isSubmitted"><b>Required</b></span> 
</form> 

class MyComponent { 
    isSubmitted:boolean = false; 

    submit() { 
    this.isSubmitted = true; 
    } 
}