JQuery, предотвращающий обратную передачу при нажатии кнопки

Как связать событие click с кнопкой и предотвратить обратную передачу?

Код, который у меня есть, кажется, не работает.

$('#btnNext').click(function() {
        return false;
    });

Ответ 1

$('#btnNext').click(function(e) {
        e.preventDefault();
    });

Ответ 2

Я работал с кнопкой и обнаружил, что если вы хотите, чтобы кнопка не выполняла автоматическую обратную передачу, вам нужно указать тип как "button". Например:

<button id="saveButton">Save</button>

- это приведет к автоматическому обратному сообщению (проверено в IE)

<button type="button" id="saveButton">Save</button>

- это не будет

Надеюсь, это поможет кому-то.

Ответ 3

В Asp.net для предотвращения пересылки страницы при нажатии кнопки используйте функцию preventDefault()

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>WebForm1</title>
        <script src="js/jquery-2.2.2.js" type="text/javascript"></script>
        <script>
            $(document).ready(function () {
                $("#btnshow").click(function (e) {
                    e.preventDefault();
                    $("#Label1").show();
                });
                $("#btnhide").click(function (e) {
                    e.preventDefault();
                    $("#Label1").hide();
                })
            });
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>

        </div>
            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
            <asp:Button ID="btnshow" runat="server" Text="Show" />
            <asp:Button ID="btnhide" runat="server" Text="Hide" />
        </form>


    </body>
    </html>

Ответ 4

внутри тега кнопки используйте тип = "Button", чтобы предотвратить отправку сообщения.