So deaktivieren Sie das Postback auf einer ASP-Schaltfläche

Ich habe einen Asp-Knopf. Es ist serverseitig, so dass ich es nur für angemeldete Benutzer anzeigen kann, aber ich möchte, dass es eine Javascript-Funktion ausführt, und es scheint, dass es immer das Postback-Ereignis aufruft, wenn es runat = "server" ist.

Ich habe auch eine normale Schaltfläche ( <input...>), die nicht auf dem Server ausgeführt wird und die einwandfrei funktioniert ...

Wie kann ich dafür sorgen, dass auf dieser Schaltfläche nur Javascript und kein Postback ausgeführt wird?

Lassen Sie Ihr Javascript falsch zurückgeben, wenn es fertig ist.

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

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

oder

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

Sie können die Aktion jquery click verwenden und die Funktion präventDefault () verwenden, um ein Postback zu vermeiden

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


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

Bedenken Sie.

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

}
     </script>

Die anderen haben Recht, dass Sie Ihren Rückruf benötigen, um false zurückzugeben. Ich möchte jedoch hinzufügen, dass es eine hässliche alte Art ist, Dinge zu tun, indem man den Onclick setzt. Ich würde empfehlen, über unauffälliges Javascript zu lesen . Die Verwendung einer Bibliothek wie jQuery könnte Ihnen das Leben erleichtern und den HTML-Code weniger an Ihr Javascript koppeln (und jQuery wird jetzt von Microsoft unterstützt !).

ASP.NET generiert immer asp:Buttonals input type=submit.
Wenn Sie eine Schaltfläche möchten, die keinen Beitrag erstellt, aber eine Steuerung für das Element auf der Serverseite benötigt, erstellen Sie eine einfache HTML-Eingabe mit Attributen type=buttonund runat=server.

Wenn Sie die Ausführung von Klickaktionen deaktivieren OnClientClick=return false, wird beim Klicken nichts ausgeführt, es sei denn, Sie erstellen eine Funktion wie:

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

Sie sagen nicht, welche Version des .NET Frameworks Sie verwenden.

Wenn Sie Version 2.0 oder höher verwenden, können Sie die OnClientClick-Eigenschaft verwenden, um eine Javascript-Funktion auszuführen, wenn das Onclick-Ereignis der Schaltfläche ausgelöst wird.

Alles, was Sie tun müssen, um ein Server-Postback zu verhindern, ist die Rückkehr falsevon der aufgerufenen JavaScript-Funktion.

Zusätzlich können Sie für akzeptierte Antworten UseSubmitBehavior = "false" MSDN verwenden

In meinem Fall habe ich das Hinzufügen von return im onClientClick gelöst:

Code dahinter

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

Designoberfläche

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

Sie können den Code verwenden:

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

wenn nee einreichen

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

Mit Validierung

In diesem Beispiel habe ich zwei Steuerelemente verwendet ddlund txtboxhabe eine fröhliche Codierung

 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>

Sie können dafür JQuery verwenden

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

als in JQuery

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