使用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();
});

如果這不能回答你的問題，請詳細說明