Email address validator 問題

KNVB · 2019年12月30日01:58

現在我一個textarea,裡面有很多行資料,
每一行都是email address,如果我要validate 這個field, 我是不是一定要用reactive form 呢(因為要用custom validator)?
可不可能用template driven forms來做呢?
因為這個form 裡頭其他的field都是可以用required 來處理,如果純粹為這個field 將這個form 轉成reactive form 又好像有點不值。

Kevin · 2019年12月30日07:29

表單驗證並沒有僅限於 Reactive Form, Template Driven Form 也是可以的.
只是 Reactive Form 的自訂驗證規則不需要包裝成 directive 而已

https://angular.io/guide/form-validation#adding-to-template-driven-forms

KNVB · 2019年12月30日14:07

那麼如何在custom validator内 call built-in email validator呢？

Kevin · 2019年12月31日00:51

可以參考這一段程式碼

github.com

angular/angular/blob/8.2.14/packages/forms/src/directives/validators.ts#L243-L302




/**
 * A directive that adds the `email` validator to controls marked with the
 * `email` attribute. The directive is provided with the `NG_VALIDATORS` multi-provider list.
 *
 * @see [Form Validation](guide/form-validation)
 *
 * @usageNotes
 * 
 * ### Adding an email validator
 *
 * The following example shows how to add an email validator to an input attached to an ngModel binding.
 * 
 * ```
 * <input type="email" name="email" ngModel email>
 * <input type="email" name="email" ngModel email="true">
 * <input type="email" name="email" ngModel [email]="true">
 * ```
 *
 * @publicApi

This file has been truncated. show original