Html 在满足输入字段条件之前，如何禁用“提交”按钮？

我需要禁用提交按钮，直到填写完所有表单字段。我在HTML文件中完成了以下操作：

<button dlsButton class="pt-primary adconfig-button" (click)="testConnection()" 
[disabled]="!adForm.form.valid" i18n>Test Connection</button>

---

如何使按钮禁用它现在仍然处于启用状态

将

[disabled]=“！adForm.form.valid”

更改为

[disabled]=“！adForm.valid”

不起作用，仍处于启用状态。这应该可以工作@SiddharthGautam您是否验证了自定义验证是否没有产生任何错误？尝试打印每个字段错误并进行检查

this.adForm = this.formBuilder.group({
        DnsDomain: ['', [Validators.required], [Validators.minLength(1)]],
        UserName: ['', [Validators.required], [Validators.minLength(1)]],
        Password: ['', [Validators.required], [Validators.minLength(1)]],
    });