输入标签中有空格时，禁用提交按钮

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())

此条件为true，因为结果不同于空字符串。

致谢。

Answer 2

您还可以使用ng-pattern验证输入并禁用无效模式上的按钮。

Follow that link