Как отключить обратную передачу на кнопку asp

Question

У меня есть кнопка asp. Он на стороне сервера, поэтому я могу показать его только зарегистрированным пользователям, но я хочу, чтобы он запускал функцию javascript, и кажется, что при запуске runat = "server" он всегда вызывает событие обратной передачи.

У меня также есть обычная кнопка (<input...>), не работающая на сервере, и она отлично работает ...

Как сделать так, чтобы эта кнопка запускала только JavaScript, а не обратную передачу?

Answer 1

Пусть ваш javascript вернет false когда это будет сделано.

<asp:button runat="server".... OnClientClick="myfunction(); return false;" />

Answer 2

YourButton.Attributes.Add("onclick", "return false");

или

<asp:button runat="server" ... OnClientClick="return false" />

Answer 3

Вы можете использовать jquery click action и использовать функцию protectDefault () , чтобы избежать обратной передачи

<asp:button ID="btnMyButton" runat="server" Text="MyButton" />


$("#btnMyButton").click(function (e) {
// some actions here
 e.preventDefault();
}

Answer 4

Учтите это.

<script type="text/javascript">
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequest);
function BeginRequest(sender, e) {
    e.get_postBackElement().disabled = true;

}
     </script>

Answer 5

Другие правы, что вам нужен ваш обратный вызов, чтобы вернуть ложь; однако я хотел бы добавить, что делать это, устанавливая onclick, - это ужасно старый способ делать вещи. Я бы рекомендовал прочитать о ненавязчивом javascript . Использование библиотеки, такой как jQuery , может упростить вашу жизнь, а HTML-код менее связан с вашим javascript (и jQuery, поддерживаемым Microsoft сейчас!)

Answer 6

ASP.NET всегда генерирует asp:Button как input type=submit.
Если вам нужна кнопка, которая не выполняет публикацию, но нуждается в некотором контроле для элемента на стороне сервера, создайте простой ввод HTML с атрибутами type=button и runat=server.

Если вы отключите действия клика, выполнив OnClientClick=return false, он ничего не сделает при нажатии, если вы не создадите такую ​​функцию, как:

function btnClick() {
    // do stuff
    return false;
}

Answer 7

Вы не говорите, какую версию .NET Framework вы используете.

Если вы используете версию 2.0 или выше, вы можете использовать свойство OnClientClick для выполнения функции Javascript при возникновении события onclick кнопки.

Все, что вам нужно сделать, чтобы предотвратить возникновение обратной передачи на сервере, это вернуть false из вызываемой функции JavaScript.

Answer 8

Вы можете использовать код:

<asp:Button ID="Button2" runat="server"
     Text="Pulsa"
     OnClientClick="this.disabled=true"
     UseSubmitBehavior="False"/>

если нужно отправить

...
<form id="form1" runat="server" onsubmit="deshabilita()">
...
<script type="text/javascript">
    function deshabilita()
    {
        var btn = "<%= Button1.ClientID %>";
        if (confirm("Confirme postback"))
        {
            document.getElementById(btn).disabled = true;
            return true;
        }
        return false;
    }
</script>

Answer 9

В моем случае я решил добавить возврат в onClientClick:

Код позади

function verify(){
  if (document.getElementById("idName").checked == "") {
    alert("Fill the field");
    return false;
  }
}

Дизайн поверхности

<asp:Button runat="server" ID="send" Text="Send" onClientClick="return verify()" />

Answer 10

с проверкой

В этом примере я использовал два элемента управления, ddl и txtbox, с удачным кодированием

 asp:ScriptManager ID="script1" runat="server" /asp:ScriptManager

    asp:UpdatePanel ID="Panel1" runat="server"
       ContentTemplate

// ASP BUTTON
asp:Button ID="btnSave" runat="server" Text="Save" class="btn btn-success" OnClientClick="return Valid()" OnClick="btnSave_Click"


   /ContentTemplate    
    /asp:UpdatePanel    

  <script type="text/javascript">
        function Valid() {

            if ($("#ctl00_ContentPlaceHolder1_YOUR CONTROL NAME").val() == 0) {
                alert("Please select YOUR TEXT");
                $("#ctl00_ContentPlaceHolder1_YOUR CONTROL NAME").focus();
                return false;
            }

            if ($("#ctl00_ContentPlaceHolder1_YOUR CONTROL NAME").val().length == 0) {
                alert("Please Type YOUR TEXT");
                $("ctl00_ContentPlaceHolder1_YOUR CONTROL NAME").focus();
                return false;
            }
            return true;
        }
</script>