首页 > 解决方案 > Rxweb 验证不会根据需要自动设置字段?(反应式表单验证)

问题描述

我有一个反应式表单,我正在使用 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 输入在我点击它并开始输入之前不会变得有效。我的问题可以在下面看到:

在此处输入图像描述

任何帮助表示赞赏。

标签: angulartypescriptvalidationangular-reactive-forms

解决方案


我遇到了同样的问题,包中有一个问题,现在它已在最新版本(510 问题号)中修复。

请更新软件包。


推荐阅读