ng-submit 忽略提交按钮禁用状态

Question

考虑以下fiddle：当文本框为空时，提交按钮被禁用，并且在文本框中按 Enter 也没有任何作用。如果您填写任何文本，提交将按预期工作。相关的 HTML 部分：

<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 中有一个奇怪的行为。当文本框为空时，提交按钮被禁用，但按 Enter 仍然会导致调用提交函数。相关的 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 个文本框，第二个有一个。

为什么会这样？

Answer 1

在几个浏览器上测试后，我在IE上成功复现了这个bug。在 FF 和 Chrome 上它可以工作，所以你可以看到这是一个浏览器/版本兼容性问题，所以你可能需要处理这个问题并自己编写验证。

在 stackoverflow 上查看 answer。