如何防止按钮提交表单？

自定义表单中的按钮行为

在表单中，通常有触发不同操作的按钮，例如提交表单或执行其他操作。但是，在某些情况下，可能希望按钮在单击时不提交表单。

问题：

考虑一个具有两个按钮的表单：一个“取消更改”按钮和“提交”按钮。这两个按钮都应用了 jQuery UI 按钮样式。但是，“取消更改”按钮也会提交表单，即使它缺少 type="submit" 属性。

解决方案：

的默认值按钮元素的type属性是“提交”。要防止按钮提交表单，请显式设置 type="button":

<button type="button">Cancel changes</button>

此修改指示浏览器按钮在单击时应“不执行任何操作”，以确保表单不受影响。

附加说明：

• jQuery UI 按钮()函数可用于增强按钮和 input[type="button"] 元素的外观。
• 需要注意的是，设置 type="button" 将禁用该按钮的表单验证。如果需要验证，请改用 type="submit"。

以上是如何防止按钮提交表单？的详细内容。更多信息请关注PHP中文网其他相关文章！