使用jquery、javascript防止回发

这是我的HTML代码

<form id="form1" runat="server">
    <input id="q" required />
    <input id="btn" type="submit" value="Search" />
</form>

但这使得

必需的
验证无法启动

注意：表单中有多个按钮。
将“单击”事件更改为“提交”，并将其绑定到表单而不是btn

$(document).ready(function () {
    $('#form1').on("submit", function (evt) {
        evt.preventDefault();
    });
});

这是具有两个输入（一个是必需的）和两个按钮（一个是提交）的

HTML:

<form id="form1" method="get" action="http://example.com">
<input id="q" required />
<input id="w"  />

<input id="btn" type="button" value="Cancel" />
<input id="btn" type="submit" value="Submit" />

如果这不能回答您的问题，请详细说明
，但是如果我的表单上有多个按钮，您为什么会在意呢？我以为我们在讨论提交表格。表单中可以有5个提交按钮-没有人会工作，因为“提交”事件会触发回发。我们说的是在所需的html5功能完好无损的情况下阻止回发。如果表单上有1个以上的按钮，这将不起作用form@iBlue“为什么？你试过了吗？请详细说明。这对我来说很好：。是的，在你的小提琴中，你用得不对。如果你想要两个单独的字段，两个单独的按钮，你当然应该使用两个单独的形式：）请不要使用“leetspeak”。问题没有字符限制。这是“是”而不是“r”。请阅读卢克回答的评论，并看看这个
<form id="form1" method="get" action="http://example.com">
<input id="q" required />
<input id="w"  />

<input id="btn" type="button" value="Cancel" />
<input id="btn" type="submit" value="Submit" />

    $('#form1').on("submit", function (evt) {
    evt.preventDefault();
});