在角2

摘要結合的功能爲無效的輸入FormControl在角2

我建立與驗證圖案的FormControl。當模式無效時，我想調用一個函數，該函數將顯示與正在拋出的錯誤相關的錯誤消息。當輸入字段是無效的調用

例

ngOnInit() { 
     this.personalForm = new FormGroup({ 
      email : new FormControl(this.auth.user.email,Validators.required), 
      first_name: new FormControl(null,[ 
       Validators.required, 
       Validators.pattern("^[a-zA-Zñáéíóúü']{1,30}$") 
      ]), 
     }); 
    }

功能。

showError();

問題

是否可以調用一個函數，如果錯誤被拋出，當輸入字段無效檢索錯誤？

來源

2016-12-06 wuno

二者必選其一statusChanges（有效或無效）或valueChanges事件FormGroup要做到這一點：

this.personalForm.valueChanges.debounceTime(500).subscribe((data) => { 
    if (!this.personalForm.valid) { 
    this.showError(); 
    } 
}

來源

2016-12-06 01:16:29

是statusChanges實例或valueChanges在文檔的某個地方我可以閱讀有關？基本上，當用戶離開輸入字段時，如果出現錯誤，我想調用一個函數。 – wuno

他們在這裏https://angular.io/docs/ts/latest/api/forms/index/AbstractControl-class.html 要做的事情，當用戶離開輸入字段，你可能需要看看'模糊'事件（像這樣的東西http://stackoverflow.com/questions/34918198/how-to-use-onblur-event-on-angular2） –

嘿，我感謝你試圖幫助我。但這真的不適合我。你能否把這件事稍微分開一點，這樣我就明白了。自昨天起我一直在爲此而苦苦掙扎。 – wuno

回答

相關問題