只要输入标签中有空格，就禁用提交按钮答案

【问题标题】：Disable submit button whenever there is a white space in input tag只要输入标签中有空格，就禁用提交按钮
【发布时间】：2019-08-19 19:37:13
【问题描述】：

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

我希望输入字段无效，并且每当按下空格时禁用注册按钮。我不想通过键入或粘贴在输入字段中允许空格。只要通过键入或粘贴出现空格，就应该禁用注册按钮。有人可以帮我解决这个问题吗？

【问题讨论】：

听起来你想要角度逻辑，如果有空格，就会使输入无效。这不需要 jQuery，所以我删除了标签。

标签： javascript angularjs

【解决方案1】：

验证空白的简单方法是修剪输入的值。

if(regForm.username.trim())

此条件为真，结果与空字符串不同。

问候。

【讨论】：

【解决方案2】：

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

Follow that link

【讨论】：

我已经关注了那个链接，我尝试使用pattern="([A-z0-9À-ž])"，但我希望它接受下划线等其他字符，但不接受空格