Question

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

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

如何阻止他们点击两次？对话框？＆＃34;等待＆＃34;酒吧？警报？我可以在Response.Redirect之前添加任何简单的解决方案吗？

由于

Answer 1

双重提交问题的一个常见解决方案是灰显（禁用）提交按钮，并可选择在提交按钮旁边显示进度推文。

使用jQuery：

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

Answer 2

如前一个回答禁用按钮，首次点击时通过 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>

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

2 个答案: