javascript - 当输入标签中有空格时禁用提交按钮

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

验证空格的简单方法是 trim 输入的值。

if(regForm.username.trim())

如果结果与空字符串不同，则此条件为 true。

问候。