0

我想在回发之前禁用页面上的所有提交按钮。找到 3 个（稍微）不同的代码示例，但在我的场景中没有一个有效。

<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(new function () {
        //debugger;

        // 1
        $('#form1').one('submit', function () {
            alert('.one');
            $(this).find('input[type="submit"]').attr('disabled', 'disabled');
        });

        // 2
        $("#form1").submit(function () {
            alert('.submit1');
            $('input[type=submit]').click(function () { return false; });
        });

        // 3
        $("#form1").submit(function () {
            alert('.submit2');
            $('input[type=submit]').click(false);
        });
    });
</script>

HTML（来自查看源代码）：

<body>
    <form method="post" action="WebForm12.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMjA0OTM4MTAwNGRk6dbofDK5YUWMwPmdBDnRWPCTyBN22BpAo7Y3C+2Gycs=" />
</div>

<div class="aspNetHidden">

    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAgKC36LkAgKr4aeRA6gaPoGNYlZvnjW07iB+LnlhIUr0qrTFHOADKmQQuhv0" />
</div>
    <div>
        <input type="submit" name="btnPost" value="Post" id="btnPost" />
    </div>
    </form>
</body>

更新

好吧，正如putvande所指出的，实际问题是定义就绪事件函数时的new关键字。但是，代码示例仍然没有达到目标。

示例 1实际上并没有运行相关的 OnClick 处理程序，因为它由于被禁用而没有将按钮的值回发到服务器。

示例 2/3一次阻止了后续回发，但在 UI 上启用了按钮。

进一步的搜索最终找到了更合适的技术来解决这个问题。下面的代码使用 onbeforeunload 事件完美禁用提交按钮。

window.onbeforeunload = DisableButtons;

function DisableButtons() {
    $("input[type=submit]").attr('disabled', 'disabled');
}
4

3 回答 3

0 
$('input[type="submit"]').attr('disabled', 'disabled');
return false;
于 2013-07-29T09:43:30.980 回答
0

在某种程度上，您可以按照下面的说明执行此操作。

您可以使用 display:none 再添加一个按钮。在可见按钮 javascript 单击事件中，您可以禁用此按钮并调用隐藏按钮的单击 (document.getElementById('btnHidden').click())。

需要在可见按钮单击时执行的实际代码进入隐藏按钮的事件处理程序。

更新：

我没有假设更大的图景..如果应用范围广泛，您可能需要考虑这一点..

对于按钮 OnClientClick 您可以分配此功能...

function disableButton(btnID)
{
     setTimeout(function(){document.getElementById(btnID).style.background = "disabled.jpg";}, 10);
     document.getElementById(btnID).disabled = true;
     return true;
}

“disabled.jpg”是一个背景，您可以将其分配给背景，使按钮具有禁用外观。

这样，您可以暂时为用户提供禁用的外观；但这是一个非常短的时间，通过这种方式，表单已经发布到服务器。

于 2013-07-29T10:06:51.913 回答
0

您的事件永远不会分配给您的form. 你需要改变：

$(document).ready(new function () {
                  ^^^

到：

$(document).ready(function () {

如果您更改提交功能将正常工作。

于 2013-07-29T10:40:41.680 回答