我已经为此奋斗了 2 天。我只是不知道出了什么问题。似乎我的自定义验证器没有执行。
如果您只按“下一步”按钮，每个控件都会以红色边框突出显示。如果您填写表格，请在电子邮件字段中键入不同的值并按“下一步”，表格有效，我没有从自定义电子邮件验证器中看到任何 console.log。
【问题讨论】：
input type="email"。
标签： angular angular-forms angular-validation
(如果你想执行密码验证器，你需要在验证器函数示例中添加'()' password1: new FormControl("",[Validators.required,this.passwordValidator()]), 甚至 虽然它会抛出错误，因为您在里面使用了 FormGroup 不会有对 formData 密码 1 和密码 2 的引用）
如果你想比较两个输入字段，你需要在 formGroup 中使用 formGroup，因为如果你不使用 formGroup 作为 formGroup 将不会保存这样的对象。
value: Object
email1: "data"
email2: ""
__proto__: Object
https://angular.io/guide/form-validation#custom-validators 使用此 Ref 来实现 ComparePassword 和电子邮件
/** A hero's name can't match the given regular expression */
export function forbiddenNameValidator(nameRe: RegExp): ValidatorFn {
return (control: AbstractControl): {[key: string]: any} | null => {
const forbidden = nameRe.test(control.value);
return forbidden ? {'forbiddenName': {value: control.value}} : null;
};
【讨论】：
在您的输入字段中使用
type="email"而不是type="text"，除非formgroup对象不知道字段值是否有效。
检查：https://stackblitz.com/edit/angular-eol5eq?file=src/app/app.component.html
【讨论】：