2014-02-27 28 views
0

请考虑以下内容fiddle:虽然文本框为空,但提交按钮被禁用,并且按下在文本框中输入也无能为力。如果您填写任何文字,提交按预期工作。相关的HTML部分:Ng-submit忽略提交按钮禁用状态

<form name="form1" ng-submit="submitData()" novalidate> 
    <input type="text" ng-model="data" required /><br /> 
    <input type="text" ng-model="data" required /><br /> 
    <br /> 
    <button type="submit" ng-disabled="form1.$invalid">Submit</button> 
</form> 

this fiddle,有一个奇怪的行为,但是。当文本框为空时,提交按钮被禁用,但按输入仍然会导致调用提交功能。有关HTML的部分:

<form name="form1" ng-submit="submitData()" novalidate> 
    <input type="text" ng-model="data" required /><br /> 
    <br /> 
    <button type="submit" ng-disabled="form1.$invalid">Submit</button> 
</form> 

这些小提琴之间的唯一区别是,第一个具有2个文本框和第二个具有单个之一。

为什么发生?

+0

两个小提琴手都在工作,你的问题是什么? –

回答

3

在多个浏览器上测试之后,我成功地在IE上重现了这个错误。在FF和Chrome上工作,所以你可以看到它是一个浏览器/版本兼容性问题,所以你可能需要处理这个问题并自行编写验证。

在stackoverflow上检查此answer

+1

我在使用Chrome并出现此问题。不过,在过去的几天里,我有一个Chrome更新处于待处理状态,更新后问题消失了,所以就是这样。谢谢! – VitalyB