使用jquery，javascript防止回发

Question

这是我的HTML代码

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

我在asp.net中尝试HTML 5 required功能。 上面的代码有效。 但也会发生回帖。 有没有办法使用JavaScript，jQuery或任何其他方法阻止回发？ 我试图使用jQuery阻止回发

 $(document).ready(function () {
        $('#btn').click(function (evt) {
            evt.preventDefault();
        });
    });

但这使得required验证不会触发。

注意：表单中有多个按钮。

Answer 1

将“click”事件更改为“submit”，并将其绑定到btn而不是btn

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

Answer 2

这是更新的JsFiddle ，它有两个输入（一个是必需的）和两个按钮（一个是提交）。

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" />

使用Javascript

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

如果这不能回答你的问题，请详细说明