禁用提交按钮

Question

嗨，我有以下代码：

<html dir="ltr" lang="en">

<head>

<meta charset="utf-8" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> 
</script>

<script type="text/javascript">
<!--//--><![CDATA[//><!--
$(document).ready(function()
{
    $('#yourSubmitId').click(function()
    {
        /*$(this).attr('disabled',true);*/
        $(this).prop('disabled',true);
        $(this).css({display:'none'});

        /* your submit stuff here */

        return false;
    });

    /*refreshing the page bringas back the submit button*/
    window.location.reload();
});
//--><!]]>
</script>

</head>
<body>

<h2>Test disabling submit button for 1 minute...</h2>

<br/>


<form id="yourFormId" name="yourFormId" method="post" action="#">
<input type="image" id="yourSubmitId" name="yourSubmitId" src="C:\images 
\submitButton_grey.jpg" alt="Submit" />
</form>
</body>
</html>

当前，提交按钮被按下后将被禁用并隐藏。

我该如何刷新页面以便仅在按下提交按钮1分钟后恢复提交按钮。

谢谢，

Answer 1

如果确实要通过display:'none'隐藏该按钮，则实际上并不需要禁用该按钮；如果只是取消隐藏该按钮，则无需刷新页面。 因此，您可以这样做：

$(this).hide(1).delay(60000).show(1);

如果将持续时间传递给.show() .hide()和.show() （即使是较短的持续时间，如1ms），则隐藏和显示效果将添加到动画队列中，因此可以在它们之间使用.delay()方法。

对于更通用的延迟执行，请使用setTimeout()函数。

禁用提交按钮

问题描述

1 个解决方案

解决方案1
8 已采纳 2013-06-13 13:00:10

禁用提交按钮

问题描述

1 个解决方案

解决方案1 8 已采纳 2013-06-13 13:00:10

解决方案1
8 已采纳 2013-06-13 13:00:10