如果字段为空，则角形式禁用提交按钮-Java 学习之路

听起来很简单，但我已经尝试了很多东西而没有工作 .

我正在使用Angular 4，我的表单是模板驱动的：

<form #form="ngForm" novalidate>
    <label for="insz">{{ 'SEARCH_PAGE.searchInszNumber' | translate }}</label>
    <input type="text" name="insz" [placeholder]="'SEARCH_PAGE.searchInszNumber' | translate" #input required>
    <button (click)="onSearch(input.value)" ><span>{{'SEARCH_PAGE.search' | translate }}</span></button>
</form>

我想在（唯一的）输入字段为空时禁用该按钮 .

2 回答

您输入中缺少 ngModel ，输入字段实际上是表单控件：

<input type="text" name="insz" ngModel
    [placeholder]="'SEARCH_PAGE.searchInszNumber' | translate" #input required>

如果表单无效，则需要禁用该按钮：

<button [disabled]="!form.valid" (click)="onSearch(input.value)" >Submit</button>

回复于 2024-05-06T23:48:13+08:00

2

你可以看看reactive forms . 直到一周前我才知道它们，但它们是如此强大！

这意味着您需要做的就是添加 Validator （在您的情况下为 Validators.required ），并为您的按钮添加禁用条件 . 并且's it, you'重新设定 .

回复于 2024-05-06T23:48:13+08:00

如果字段为空，则角形式禁用提交按钮

2 回答

相关问题