如何关闭Angular中的表单验证，当点击按钮时，应该't发送表格

How to turn off form validation in Angular when clicking by button that shoulden't send form

本文关键字：应该 表格 按钮 Angular 何关闭 表单 验证      更新时间：2023-12-02

我有一个这样的表单：

<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"输入。

这让我很头疼，因为在现实世界中，"做一些准备"按钮可能是一个日期选择按钮或下拉列表或类似的东西。

p.S。我使用Angular 1.2版本，但据我所知，这可以用1.0版本的重新部署

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

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

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

你可以在这里测试

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

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

相关文章：