javascript - 单击不应发送表单的按钮时如何在 Angular 中关闭表单验证

Question

我有这样一个表格:

<form name="myForm"> 
    <input id="myName" ng-model="myName" required/>
    ...
    <button ng-click="doSomePrepare()">Do some prepare</button>
    ...
    <button ng-click="saveForm()" ng-disabled="myForm.$invalid">Save</button>
</form>

我只想在单击“保存”按钮时验证表单。

但是如果我点击“做一些准备”，浏览器(chrome)会要求我填写“myName”输入。

这让我很烦恼，因为在现实世界中“做一些准备”按钮可能是一个日期选择器按钮或一个下拉菜单或类似的东西。

附言。我使用的是 Angular 1.2 版本，但据我所知，这可以在 1.0 版本中重现

JSfiddle:http://jsfiddle.net/se_panfilov/wQF4S/4/

Answer 1

将您的第一个按钮设为非表单提交按钮:

<button type="button" ng-click="doSomePrepare()">Do some prepare</button>

可以测试一下here