私は、フォームビルダーでカスタムバリデーターを実装していますが、提出時には動作しますが、他のフォームでコントロールの値を動的にトリガーする必要があります。これを達成するために値を変更してください。angle2でフォームバリデータをトリガする方法は?
1
A
答えて
2
は、私はここであなた
+0
私はこの –
+1
をあなたのionchange関数に追加してください –
0
役立つかもしれないと思うこの
this.RegisterForm1.controls["form control name"].updateValueAndValidity();
を試してみてくださいありがとうカスタム検証を持つフォームの例です
formInitilization() {
this.loginForm = this._fb.group({
email: ['', [Validators.required ,this.emailValidation]]
});
}
emailValidation(control?:FormControl){
let val=control.value.trim();
let emailp:any=/^(([^<>()\[\]\\.,;:\[email protected]"]+(\.[^<>()\[\]\\.,;:\[email protected]"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
if(!emailp.test(val))
return { isInvalidEmail:true };
return null;
}
<input type="text" formControlName="email" autofocus='true'>
<span *ngIf='!loginForm.controls["email"].valid && loginForm.controls["email"].dirty' >
Error message
</span>
関連する問題
- 1. angle2でカスタムフィルターパイプを実行する方法
- 2. angle2をスプリングブートで使用する方法
- 3. sequeをプログラムでトリガする方法は?
- 4. jqueryフォームバリデータを作成するには
- 5. トリガpl/sqlをトリガした行を描画する方法は?
- 6. angle2でコールバックまたはobservableを使用する方法は?
- 7. トリガを1つのオブザーバブルで使用して別のトリガをトリガする方法
- 8. マルチパートアップロードS3トリガでラムダをトリガする方法は1回だけですか?
- 9. IBActionメソッドをプログラムでトリガする方法とボタンなどでトリガする方法はありますか?
- 10. Python/SQLalchemy - クエリをトリガする方法は?
- 11. VBA Workbook_SheetCalculateイベントをトリガする方法は?
- 12. Spring 3フォームバリデータ
- 13. angle2アプリケーションでコンポーネントをループ/カウントする方法は?
- 14. angle2で@Input()オブジェクトをモックする方法は?
- 15. angle2でモーダルをドラッグ可能にする方法は?
- 16. ビジュアルスタジオはangle2とtypescriptを@angularパスでコンパイルする方法
- 17. elmでクリックイベントをトリガする方法
- 18. PrimeFacesでargs.validationFailedをトリガする方法oncomplete
- 19. DataGridventsをトリガする方法SilverlightのComboboxでDataGridBeginningEdit、DataGridCellEditEndingをトリガする方法はありますか?/CellTemplate for Combobox
- 20. angle2ライブラリプロジェクトの作成方法
- 21. angle2-appのangle2-materialデザインから選択タグドロップダウンを使用する方法
- 22. String []をangle2 htmlテンプレートに渡す方法
- 23. angle2アプリケーションでブートストラップドロップダウンで反応形式を使用する方法
- 24. Swiftの条件でFirebaseで通知をトリガする方法は?
- 25. angle2コンポーネントのselectから値を取得する方法は?
- 26. angle2サービスコールとコンポーネント間のデータ型を管理する方法は?
- 27. angle2でdatepickerをデフォルトで開く方法は?
- 28. angle2のシナリオでルーティング後にナビゲーションバーを更新する方法
- 29. angle2のデータテーブル内でフォームの検証を適用する方法
- 30. angle2アプリケーションでシングルサインオンを実装する方法
あなたのコードを投稿してください –