1

我有一个 ASP.NET Web 窗体应用程序。

我的目标是在用户点击时禁用提交按钮btnFinish，以避免多次提交。

<asp:Button ID="btnFinish" runat="server" Text="Finish" UseSubmitBehavior="false" 
CausesValidation="true" CommandName="MoveComplete" CssClass="buttonStyle"/>

Javascript函数是：

 function Validate(btnFinishId) {

            btnObj = document.getElementById(btnFinishId)

            if (Page_IsValid) {
                btnObj.disabled = true
            }
            else {
                 alert('Page has some validation error');
                 }

            // this is to prevent the actual submit
            e.preventDefault();

            return false;
    };

btnFinish放置在FinishNavigationTemplate一个 ASP.NET 向导控件中。因此，为了避免运行时错误，我需要以ClientID编程方式获取控件的 ，然后将其添加到OnClientClick按钮的事件中：

Button btFinish = MyWizard.FindControl("FinishNavigationTemplateContainerID$btnFinish") as Button;

if (btFinish != null){
   btFinish.Attributes.Add("onclientclick", "Validate('" + btFinish.ClientID + "');");
}

但它不起作用。我使用Firebug来检查浏览器呈现的页面，但虽然源代码看起来很完美，但点击后Javascript函数没有执行。

如果在Javascript函数中我替换Validate(btnFinishId)为Validate()而不是使用后面的代码来添加OnClientClick我写的：

 <asp:Button OnClientClick="Validate();" "ID="btnFinish" runat="server" Text="Finish" UseSubmitBehavior="false" 
    CausesValidation="true" CommandName="MoveComplete" CssClass="buttonStyle"/>

该函数已执行，但当然不会执行我想要的操作，因为缺少按钮 ID。有人有解决方案吗？

4

2 回答 2

3

你在正确的轨道上。像这样的东西应该工作：

<script type="text/javascript">
    validate = function(btn){

        //trigger client-side validation
        var valid = Page_ClientValidate("");

        //disable the button if the form is valid
        btn.disabled = valid;

        //trigger postback if the form is valid
        //otherwise do nothing
        return valid;                        
    }
</script>
<asp:Button ID="btnFinish" runat="server" Text="Finish" OnClientClick="return validate(this);" OnClick="btnFinish_Click" ... />

它看起来有点倒退，但你可以像这样缩短函数：

<script type="text/javascript">
    validate = function(btn){
        btn.disabled = Page_ClientValidate("");                        
        return btn.disabled;                        
    }
</script>
于 2012-04-26T15:27:14.667 回答
0

一种方法是在您的页面上创建一个普通的 HTML 按钮，使用 jQuery 添加附加点击事件。然后，您可以使用 css 隐藏 .net 按钮。

在您的 html 按钮的单击事件中，您可以将所有 .net 按钮单击事件。

$("#yourbutton").trigger("click");
于 2012-04-26T15:27:21.117 回答