我在ts中创建表单:
private _createForm() {
this.addForm = this._formBuilder.group({
login: [ null, Validators.required ],
name: [ null, Validators.required ],
surname: [ null, Validators.required ],
email: [ null, Validators.required, Validators.email]
});
}
和html中的
...
<forms-validation feedback="Niepoprawny adres email" [dataObj]="addForm ? addForm.controls.email : null" [inputRef]="email">
<input type="text" name="email" formControlName="email" #email maxlength="{{maxlength}}" class="form-control" LayoutInput />
</forms-validation>
...
但是验证无法正常工作-需要将其确定,但是电子邮件验证程序无法正常工作。
答案 0 :(得分:3)
您需要将验证器放入子数组。
email: [null, [Validators.required, Validators.email]]
^ ^
答案 1 :(得分:0)
我找到其他答案:
<input email type="text" name="email" formControlName="email" #email maxlength="{{maxlength}}" class="form-control" LayoutInput />
答案 2 :(得分:0)
请尝试使用模式验证器,因为电子邮件无法正常工作。
email: ['', [Validators.required, Validators.pattern('^[A-Za-z0-9._%+-]+@[A-Za-z0-9._%+-]{2,}[.][A-Za-z]{2,}$')]]