使用jquery,javascript防止回发

Question

这是我的HTML代码

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

我正在尝试requiredasp.net中的HTML 5 功能.上面的代码有效.但也会发生回帖.有没有办法使用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();
    });
});