如何在 asp 按钮上禁用回发 (System.Web.UI.WebControls.Button)

Question

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

我还有一个常规按钮（ <input... >）没有在服务器上运行，它工作正常...

我怎样才能让这个按钮只运行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

其他人是正确的，您需要回调返回 false； 但是我想补充一点，通过设置 onclick 是一种丑陋的旧做事方式。 我建议阅读有关不显眼的 javascript的内容。 使用像jQuery这样的库可以让您的生活更轻松，并且 HTML 与您的 javascript 的耦合更少（并且 jQuery 现在得到 Microsoft 的支持！）

Answer 6

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

如果您禁用执行OnClientClick=return false的点击操作，它不会在点击时执行任何操作，除非您创建如下函数：

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

Answer 7

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

Answer 8

就我而言，我解决了在 onClientClick 中添加返回：

代码背后

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

设计表面

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

Answer 9

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

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

为了防止发生服务器回发，您所要做的就是从被调用的 JavaScript 函数中返回false 。

Answer 10

有验证

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

你只需要从

 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 函数中的错误计算。