使用 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，而是绑定到form

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

Answer 2

这里是updated 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();
});

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