Jak wyłączyć ogłaszanie zwrotne w przycisku asp

Mam przycisk asp. Jest po stronie serwera, więc mogę go wyświetlać tylko zalogowanym użytkownikom, ale chcę, aby uruchamiał funkcję javascript i wydaje się, że gdy jest to runat = "server", zawsze wywołuje zdarzenie postback.

Mam też zwykły przycisk ( <input...>) nie działający na serwerze i działa dobrze ...

Jak sprawić, by ten przycisk uruchamiał tylko javascript, a nie ogłaszanie zwrotne?

Niech twój javascript zwróci false po zakończeniu.

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

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

lub

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

Aby uniknąć ogłaszania zwrotnego, możesz użyć akcji kliknięcia jquery i funkcji PreventDefault ()

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


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

Rozważ to.

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

}
     </script>

Inni mają rację, że potrzebujesz oddzwonienia, aby zwrócić fałsz; jednak chciałbym dodać, że robienie tego przez ustawienie onclick jest brzydkim starym sposobem robienia rzeczy. Polecam przeczytać o dyskretnym javascript . Korzystanie z biblioteki, takiej jak jQuery, może ułatwić Ci życie, a HTML mniej powiązany z Twoim javascriptem (i jQuery jest teraz obsługiwany przez Microsoft !)

ASP.NET zawsze generuje asp:Buttonjako plik input type=submit.
Jeśli potrzebujesz przycisku, który nie robi posta, ale potrzebujesz kontroli nad elementem po stronie serwera, utwórz proste wejście HTML z atrybutami type=buttonirunat=server .

Jeśli wyłączysz działania związane z klikaniem OnClientClick=return false, nie będzie to robić po kliknięciu, chyba że utworzysz funkcję taką jak:

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

Nie podajesz, której wersji platformy .NET używasz.

Jeśli używasz wersji 2.0 lub nowszej, możesz użyć właściwości OnClientClick, aby wykonać funkcję JavaScript, gdy zostanie zgłoszone zdarzenie onclick przycisku.

Wszystko, co musisz zrobić, aby zapobiec wystąpieniu ogłaszania zwrotnego serwera, to powrót falsez wywołanej funkcji JavaScript.

dodatkowo dla zaakceptowanej odpowiedzi możesz użyć UseSubmitBehavior = "false" MSDN

W moim przypadku rozwiązałem dodawanie zwrotu w onClientClick:

Kod za

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

Powierzchnia projektowa

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

możesz użyć kodu:

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

jeśli trzeba się poddać

...
<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>

Z walidacją

W tym przykładzie użyłem dwóch kontrolek ddli txtboxszczęśliwego kodowania

 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>

Możesz do tego użyć JQuery

<asp:Button runat="server" ID="btnID" />

niż w JQuery

$("#btnID").click(function(e){e.preventDefault();})