Comment désactiver la publication sur un bouton asp

J'ai un bouton asp. C'est côté serveur donc je ne peux le montrer qu'aux utilisateurs connectés, mais je veux qu'il exécute une fonction javascript et il semble que quand c'est runat = "server", il appelle toujours l'événement de publication.

J'ai aussi un bouton régulier ( <input...>) qui ne fonctionne pas sur le serveur et cela fonctionne très bien ...

Comment puis-je faire en sorte que ce bouton n'exécute que le javascript et non la publication?

Demandez à votre javascript de retourner false une fois terminé.

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

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

ou

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

Vous pouvez utiliser l'action de clic jquery et utiliser la fonction preventDefault () pour éviter la publication

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


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

Considère ceci.

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

}
     </script>

Les autres ont raison de dire que vous avez besoin de votre rappel pour renvoyer false; Cependant, j'aimerais ajouter que le faire en réglant le onclick est une vieille façon laide de faire les choses. Je recommanderais de lire sur javascript discret . L'utilisation d'une bibliothèque comme jQuery pourrait vous faciliter la vie et le HTML moins couplé à votre javascript (et jQuery est pris en charge par Microsoft maintenant!)

ASP.NET est toujours généré en asp:Buttontant que fichier input type=submit.
Si vous voulez un bouton qui ne fait pas de publication, mais que vous avez besoin d'un contrôle pour l'élément côté serveur, créez une entrée HTML simple avec les attributs type=buttonet runat=server.

Si vous désactivez les actions de clic OnClientClick=return false, cela ne fera rien au clic, sauf si vous créez une fonction comme:

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

Vous ne dites pas quelle version du framework .NET vous utilisez.

Si vous utilisez la version 2.0 ou supérieure, vous pouvez utiliser la propriété OnClientClick pour exécuter une fonction Javascript lorsque l'événement onclick du bouton est déclenché.

Tout ce que vous avez à faire pour empêcher une publication sur le serveur est le retour falsede la fonction JavaScript appelée.

de plus pour la réponse acceptée, vous pouvez utiliser UseSubmitBehavior = "false" MSDN

Dans mon cas, j'ai résolu l'ajout de retour dans le onClientClick:

Code derrière

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

Surface de conception

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

vous pouvez utiliser le code:

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

si besoin de soumettre

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

Avec validation

Dans cet exemple, j'ai utilisé deux contrôles ddlet txtboxun bon codage

 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>

Vous pouvez utiliser JQuery pour cela

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

que dans JQuery

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