【发布时间】:2021-05-20 11:03:50
【问题描述】:
我有一个反应式表单,我正在使用 Rxweb 反应式表单验证器来验证他们的输入。更具体地说,我有一个密码和一个确认密码输入。如果密码不为空,我希望能够输入所需的密码。然后,我希望仅当密码输入为空时才需要确认密码,并且我也只希望确认密码与密码输入匹配时才有效。
到目前为止,我有以下内容(所有这些都有效,但不是自动...):
password: ['', [
RxwebValidators.required({ conditionalExpression: (x) => x.password !== "" }),
Validators.pattern('(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&].{8,}')
]],
confirmPassword: ['', [
RxwebValidators.required({ conditionalExpression: (x) => x.password !== "" }),
RxwebValidators.compare({fieldName: 'password'}),
]]
})
上面的一切都很好,虽然如果我在密码输入中添加一些东西,confirmPassword 输入在我点击它并开始输入之前不会变为有效。我的问题可以在下面看到:
感谢任何帮助。
【问题讨论】:
标签: angular typescript validation angular-reactive-forms