角度2组验证

时间:2016-08-14 00:09:16

标签: angular angular2-forms

给出简单的注册表格:

this.registerForm = this.formBuilder.group({
    email:['', Validators.compose([
    Validators.required,
    Validators.pattern('.+@.+\..+'),
    ]), this.validators.isTaken],
    matchingPassword: this.formBuilder.group({
    password: ['', Validators.compose([
            Validators.required,
            Validators.maxLength(30),
            Validators.minLength(8)
        ])],
    passwordConfirmation: ['', Validators.compose([
            Validators.required,
        ])]
    }, {validator: this.validators.match})
})

我尝试验证密码确认匹配,因此我将匹配验证程序应用于表单组。但是现在我面临的情况是,字段本身显示为有效(带有绿色边框,因为它的所有验证器都在通过)但是组验证器不是,我需要它们显示为红色。

XMLHttpRequest

那么我应该手动将ng-valid更改为ng-invalid还是有一些技巧可以更好地解决这个问题?

0 个答案:

没有答案