Blazor中非Submit按钮为何触发OnValidSubmit？如何解决？

HTML里的<button>默认type是submit，你在<EditForm>里的"Add new header"按钮没指定type，浏览器就把它当成了表单提交按钮，点击时自然会触发EditForm的提交流程，调用OnValidSubmit绑定的HandleValidSubmit方法。

给这个按钮加上type="button"属性，明确告诉浏览器这只是个普通按钮，不是提交按钮：

<p><button type="button" class="btn btn-success" @onclick="AddNewGridHeader">Add new header</button></p>

修改后，点击"Add new header"只会执行AddNewGridHeader方法，不会再触发表单提交和PUT请求了。

内容的提问来源于stack exchange，提问作者Patrick