在联系我们表格中显示处理指示器

Question

我在我的网站上有一个联系我们页面，使用 ASP.NEThttp://sosdeepcleaning.com/contactus.aspx

当客户填写表单并单击提交时，它不会显示页面正在处理表单的任何迹象，因此其中一些客户单击提交按钮两次。

如何防止他们点击两次？對話方塊？"等待"酒吧？警报？我可以在Response.Redirect之前添加任何简单的解决方案吗？

谢谢

Answer 1

如上一个答案中所述，如果页面经过验证，则在第一次单击时通过jQuery 禁用按钮。尝试以下代码片段

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>    
<script type="text/javascript">
    $(document).ready(function () { 
       $("#btnSubmit").click(function () {
            // Assumes you have asp.net validation controls 
            // so you can check Page_IsValid
            if (Page_IsValid) {
                $(this).attr("disabled", "disabled");
                $(this).attr("value", "Processing...");
            }
        });
    });
</script> 

Answer 2

双重提交问题的常见解决方案是灰显（禁用）提交按钮，并选择性地在提交按钮旁边显示进度跳动。

使用 jQuery：

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