html - 如何防止非提交按钮上的 HTML5 表单验证?

标签 html validation

带有重置和提交按钮的表单,但这两个按钮都会导致 HTML5 验证。当用户单击重置时,我只想清除字段。假设这是任何表单按钮的默认操作,而不仅仅是提交,我如何防止默认操作,但仍然运行自定义操作?

<button data-ng-click="reset()">Reset Form</button>
<input type="submit" data-ng-click="main.$valid && post('Check')" class="submitbtn" value="Submit" />

enter image description here

最佳答案

指定按钮的type属性为button:

<button type="button" data-ng-click="reset()">Reset Form</button>

关于html - 如何防止非提交按钮上的 HTML5 表单验证?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38338461/

相关文章:

validation - to_tsquery() 验证

asp.net - 日期正则表达式验证器

html - 换行时每行保持相同数量的 flex child

html - 另一轮溢出 :auto in IE

html - 如何在不使用 Nokogiri 的情况下替换 ruby​​ 中的 html 标签?

javascript - Vee-validate Validate on blur 防止表单提交

.net - 在 WPF PropertyGrid 中实现验证

javascript - onClick 删除边框并在下一次单击时再次添加它们 CSS,Preact

javascript - 当数据类型为数字时,如何对谷歌图X轴进行排序

c# - 无效的正则表达式模式