即使 type="emali" 的输入字段不为空，按钮仍保持禁用状态答案

【问题标题】：Button remain disabled even when input field with type="emali" not empty即使 type="emali" 的输入字段不为空，按钮仍保持禁用状态
【发布时间】：2014-01-24 18:36:18
【问题描述】：

我有一个输入类型=“电子邮件”的表单。现在我需要禁用提交按钮，直到输入字段为空，但是如果用户输入任何内容，则应启用该按钮。在按钮上使用 ng-disabled ，但问题是即使我在字段中输入内容后按钮仍然处于禁用状态，并且在我输入有效的电子邮件 ID 之前保持禁用状态。我的猜测是 html5 验证发生在 Angular js 功能可以唤起或类似的东西之前。

<input type="email" class="span3"   name="emailValue" ng-model="emailValue">
<button class="btn " type="button" ng-click="submit()" ng-disabled="!emailValue">

我们深表感谢任何形式的帮助。我是前端新手，所以我迷失了在哪里寻找。

【问题讨论】：

您的第一行缺少ng-model 值的结束引号。是错字吗？

标签： html angularjs

【解决方案1】：

试试

<button class="btn " type="button" ng-click="submit()" ng-disabled="emailValue==''">

应该可以的

.................................................. .

【讨论】：

刚刚测试了您的示例。因为您的输入是“电子邮件”类型，所以在应用于数据模型之前必须通过验证器。因此，当用户没有以 name@domain.com 的形式输入有效输入时，值 emailValue 将是“未定义”，因此它不会被 !emailValue 捕获

【解决方案2】：

您必须首先确定它是一个虚假值。简单

$scope.emailValue = '';

在相应的控制器中就可以了

【讨论】：