Отключить кнопку отправки, когда во входном теге есть пробел

Question

<form name="regForm">
<input type="text" id="username" name="username" ng-model="username" required>
 <button ng-click="submitSignup()" type="submit" ng-disabled=" (regForm.username.$dirty && regForm.username.$invalid) || regForm.username.$pristine">Sign Up</button>
 </form>

Я хочу, чтобы поле ввода было недействительным, а кнопка регистрации отключалась при каждом нажатии пробела.Я не хочу допускать пустое пространство в поле ввода, печатая или вставляя.Кнопка регистрации должна быть отключена всякий раз, когда есть пробел, печатая или вставляя.Может ли кто-нибудь помочь мне в этом?

Answer 1

простой способ проверить пробелы - это обрезать значение ввода.

if(regForm.username.trim())

Это условие истинно, если результат отличается от пустой строки.

С уважением.

Answer 2

Вы также можете использовать ng-pattern для подтверждения ввода и отключения кнопки на недействительном шаблоне.

Перейдите по этой ссылке