即使type =“emali”的输入字段不为空,按钮仍保持禁用状态

时间:2014-01-24 18:36:18

标签: html5 angularjs

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

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

非常感谢任何形式的帮助。我是前端的新手,所以我迷失在哪里寻找。

2 个答案:

答案 0 :(得分:3)

尝试

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

应该有效

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

答案 1 :(得分:0)

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

$scope.emailValue = ''; 

在相应的控制器中会做到这一点