Question

我有一个jquery函数用于防止双击按钮并且效果很好。我想对另一个选项卡（同一页面）上的其他按钮使用相同的功能。我尝试了几种方式但它没有用。这是我的代码 Jquery的：

     var isSubmitted = false; 
    function preventMultipleSubmissions() {

        if (!isSubmitted) { 
            $('#<%=cmdSave1.ClientID %>').val('Submitting.. Please Wait..');                
                isSubmitted = true; 
                return true; 
            } 
            else { 
                return false; 
            }

我的.aspx页面：

   <asp:Button ID="cmdSave1" runat="server" CssClass="button" Text="Save" 
                      OnClientClick="return preventMultipleSubmissions();"
                     OnClick="cmdSaveEmergency_Click"></asp:Button>   

   <asp:Button ID="cmdSave2" runat="server" CssClass="button" Text="Save" 
                      OnClientClick="return preventMultipleSubmissions();"
                     OnClick="cmdSaveEmergency_Click"></asp:Button>

我尝试过像：

$('#<%=cmdSave1.ClientID %>', '#<%=cmdSave2.ClientID%>') .val('Submitting.. Please Wait..');

并且它不起作用。

任何帮助将不胜感激。感谢

Answer 1

您可以使用JQuery找到所有提交按钮并应用您的逻辑，如下所示。

 $(document).on('submit', 'form', function () {
            var button = $(this).find('input[type="submit"]');
            setTimeout(function () {
                showProgress();
                button.attr('disabled', 'disabled');
            }, 0);
        });

Answer 2

发现问题，现在一切正常，我在按钮

之间有一些额外的引用

   $('#<%=cmdSave1.ClientID %>', '#<%=cmdSave2.ClientID%>') .val('Submitting.. Please Wait..');

纠正一个：

   $('#<%=cmdSave1.ClientID %>, #<%=cmdSave2.ClientID%>') .val('Submitting.. Please Wait..');

谢谢大家。

如何为多个按钮

2 个答案: