如何在点击按钮发送表单时关闭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”输入。

它让我有问题，因为在现实世界中“做一些准备”按钮可能是一个datepicker按钮或下拉或类似的东西。

PS 。 我使用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>

你可以在这里测试一下

Answer 2

button标记的默认type属性是submit 。 尝试将type设置为reset或button以防止单击时触发submit事件。

工作演示： http ： //jsfiddle.net/wQF4S/3/