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而不是形成

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

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

使用jquery，javascript防止回发

2 个答案: