如果在表单内单击任何按钮，则角度表单字段将得到验证答案

【问题标题】：Angular form fields get validated if any button gets clicked inside form如果在表单内单击任何按钮，则角度表单字段将得到验证
【发布时间】：2021-10-27 09:50:06
【问题描述】：

在我的示例中，我有一个 Angular Material Reactive Form，其中包含一些简单的输入和验证。我内置了两个按钮：一个在外部，一个在form 标签内。谁能告诉我为什么单击form 内的按钮会验证整个表单？

在这种情况下如何阻止验证？

示例： https://stackblitz.com/edit/angular-ivy-m4kar5?file=src%2Fapp%2Fhello.component.html

【问题讨论】：

标签： angular forms validation

【解决方案1】：

因为default button attribute type是“提交”，所以你需要将按钮类型设置为按钮才能达到你的要求。

<button type="button">Click me and watch everything gets validated</button>

【讨论】：

【解决方案2】：

表单内的button，默认具有type="submit" 属性。如果form 标记内有多个按钮，则必须指定类型：

<form>
  <button>Submit the form</button> <!-- Default is submit -->

  <button type="button">Some random action</button>

  <button type="reset">Reset a form</button>
</form>

【讨论】：

谢谢，你的回答也是对的，但另一个人速度更快，而且有来源。但我感谢您的帮助！