脚本解决.NET MVC按钮重复提交问题

最新推荐文章于 2019-08-10 11:58:26 发布

转载最新推荐文章于 2019-08-10 11:58:26 发布 · 217 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/huangsheng/p/3552374.html

文章标签：

#测试

本文介绍了如何通过自定义jQuery验证脚本来解决ASP.NET MVC框架中用户点击两次提交按钮导致的重复提交问题。脚本代码在用户尝试提交表单时暂时禁用提交按钮，并在提交后解除禁用。尽管此解决方案适用于大部分场景，但当用户通过浏览器后退操作返回表单页面时，重复提交问题仍然存在。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

见于：Avoiding Duplicate form submission in Asp.net MVC by clicking submit twice

脚本代码：

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