异步验证器仅在某些字段发生更改时才触发

时间:2020-11-03 16:12:48

标签: angular angular-reactive-forms angular-forms angular10 angular-custom-validators

我有一个表单组

createCredentialForm = new FormGroup(
{
  name: new FormControl('', Validators.required),
  Username: new FormControl('', Validators.required),
  Password: new FormControl('', Validators.required),
  Url: new FormControl('', [Validators.required]),
  isBilling: new FormControl(false),
},
undefined,
[CredentialsValidator.checkCredentials(this.cloudCredentialsCheckerService)]);

上面的表格有一个异步验证器checkCredentials,它使用用户名,密码,URL并将请求发送到服务器,并检查其请求并返回true或fasle。

我的问题是每次在UI中isBilling是一个复选框时,每次我选中或取消选中它时,异步验证器都会触发。当我更改名称字段时也会触发。

我只想在用户名,密码和url字段更改时触发此异步验证器,而不是在复选框或名称字段更改时触发。

有办法吗?

enter image description here

0 个答案:

没有答案