JQuery предотвращает обратную передачу по нажатию кнопки - PullRequest
27 голосов
/ 20 мая 2009

Как я могу прикрепить событие нажатия кнопки и предотвратить обратную передачу?

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

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

Ответы [ 4 ]

58 голосов
/ 20 мая 2009
$('#btnNext').click(function(e) {
        e.preventDefault();
    });
18 голосов
/ 30 мая 2014

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

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

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

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

- это не будет

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

3 голосов
/ 04 апреля 2016

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

<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>
0 голосов
/ 25 сентября 2014

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...