角度2。当用户在文本框中输入或粘贴空格时，禁用按钮

Question

我使用ngForm验证文本框，但允许我输入空格。当用户在文本框中输入或粘贴空格时，我需要禁用按钮。我尝试了以前的堆栈溢出答案中的一些解决方案，但没有任何效果。我该如何实现？

<form #SearchForm="ngForm">
    <input kendoTextBox name="SearchByEmail" [(ngModel)]="searchByEmail" required />
    <button class="crud-buttons" kendoButton [primary]="true" [disabled]="!SearchForm.valid">Search</button>
</form>

Answer 1

我们可以使用（keydown.space）=“ $ event.preventDefault（）;

<input name="SearchByEmail" [(ngModel)]="searchByEmail" (keydown.space)="$event.preventDefault();" required />

这将不允许输入空格键。