Question

我有一个asp按钮。它是服务器端，所以我只能为登录用户显示它，但我希望它运行一个javascript函数，它似乎当它的runat =“server”它总是调用回发事件。

我还有一个常规按钮（<input...＆gt;）没有在服务器上运行，而且工作正常......

如何让这个按钮只运行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点击操作并使用 preventDefault（）功能来避免回发

<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来做这件事是一种丑陋的旧方式。我建议阅读unobtrusive javascript。使用像jQuery这样的库可以让您的生活更轻松，而且HTML更少与您的javascript（以及jQuery的supported by Microsoft现在相关！）

Answer 6

ASP.NET始终生成asp:Button作为input type=submit 如果您想要一个不发布帖子的按钮，但需要对服务器端的元素进行一些控制，请创建一个包含属性type=button和runat=server的简单HTML输入。

如果您停用执行OnClientClick=return false的点击操作，则除非您创建以下功能，否则它不会执行任何操作：

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

Answer 7

您没有说明您使用的是哪个版本的.NET框架。

如果您使用的是v2.0或更高版本，则可以在引发按钮的onclick事件时使用OnClientClick属性执行Javascript函数。

要防止服务器回发发生，您只需从被调用的JavaScript函数返回false。

Answer 8

另外，对于已接受的答案，您可以使用UseSubmitBehavior =“false” MSDN

Answer 9

验证

在此示例中，我使用了两个控件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>

Answer 10

就我而言，我解决了在onClientClick上添加return：

代码背后

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 11

你可以使用代码：

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

您可以将JQuery用于此

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

比JQuery

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

Answer 13

您只需要从

返回false即可。

function jsFunction() {
  try {
    // Logic goes here
    return false; // true for postback and false for not postback
  } catch (e) {
    alert(e.message);
    return false;
  }
}

<asp:button runat="server" id="btnSubmit" OnClientClick="return jsFunction()" />

如下所示的JavaScript函数。

注意* ：始终使用try-catch块并从catch块返回false，以防止javaScript函数中的错误计算。

如何在asp按钮上禁用回发

13 个答案:

代码背后

设计表面