Cómo deshabilitar la devolución de datos en un botón asp

Tengo un botón asp. Es del lado del servidor, así que solo puedo mostrarlo para los usuarios registrados, pero quiero que ejecute una función de JavaScript y parece que cuando es runat = "server" siempre llama al evento de devolución de datos.

También tengo un botón normal ( <input...>) que no se ejecuta en el servidor y funciona bien ...

¿Cómo puedo hacer que este botón solo ejecute javascript y no postback?

Haga que su javascript devuelva falso cuando esté hecho.

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

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

o

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

Puede usar la acción jquery click y usar la función preventDefault () para evitar la devolución

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


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

Considera esto.

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

}
     </script>

Los demás tienen razón en que necesita su devolución de llamada para devolver falso; Sin embargo, me gustaría agregar que hacerlo haciendo onclick es una forma fea y antigua de hacer las cosas. Recomiendo leer sobre JavaScript discreto . El uso de una biblioteca como jQuery podría facilitarle la vida, y el HTML está menos acoplado a su javascript (¡y jQuery es compatible con Microsoft ahora!)

ASP.NET siempre genera asp:Buttoncomo un input type=submit.
Si desea un botón que no hace una publicación, pero necesita algo de control para el elemento en el lado del servidor, cree una entrada HTML simple con atributos type=buttonyrunat=server .

Si deshabilita las acciones de clic OnClientClick=return false, no hará nada al hacer clic, a menos que cree una función como:

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

No dice qué versión de .NET Framework está utilizando.

Si está utilizando v2.0 o superior, puede usar la propiedad OnClientClick para ejecutar una función Javascript cuando se activa el evento onclick del botón.

Todo lo que tiene que hacer para evitar que se produzca una devolución del servidor es regresar falsede la función llamada JavaScript.

adicionalmente para la respuesta aceptada, puede usar UseSubmitBehavior = "false" MSDN

En mi caso, resolví agregar return en onClientClick:

Código detrás

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

Superficie de diseño

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

puedes usar el código:

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

si es necesario enviar

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

Con validación

En este ejemplo, utilicé dos controles ddly txtboxtengo una codificación feliz

 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>

Puedes usar JQuery para esto

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

que en JQuery

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