angular - Angular 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>

标签： angularvalidationbuttontextbox

Answer 1

我们可以使用(keydown.space)="$event.preventDefault();

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

这将不允许输入空格键。