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

它让我有问题,因为在现实世界中"做一些准备"按钮可能是一个日期选择按钮或下拉或类似的东西.

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>

你可以在这里测试一下