asp.net-mvc-3 – 通过点击提交两次,避免在Asp.net MVC中提交重复的表单

我在Asp.net MVC中使用提交按钮提交表单。成功添加到数据库后，页面重定向。以下是代码：

[HttpPost]
public ActionResult Create(BrandPicView brandPic)
{
    if (ModelState.IsValid)
    {
        if (!String.IsNullOrEmpty(brandPic.Picture.PictureUrl))
        {
            Picture picture = new Picture();
            picture.PictureUrl = brandPic.Picture.PictureUrl;
            db.Pictures.Add(picture);
            brandPic.Brand.PictureId = picture.Id;
        }
        db.Brands.Add(brandPic.Brand);
        db.SaveChanges();
        return RedirectToAction("Index");
    }
    return View();
}

但是，在测试时，我看到如果表单被一次又一次点击，则会将多个条目提交并保存到数据库中。

如何将表单提交给服务器一次，那么我怎么能确保没有重复的提交。

解决方法

我实际上花了几个小时回来，并提出了以下几点。这个JavaScript钩子很好地与不引人注意的jquery验证，您可以将其应用于任何具有< input type =“submit”的表单。注意它使用jquery 1.7的功能：

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

需要setTimeouts。否则，即使客户端验证失败，您也可能会遇到点击后禁用的按钮。我们有一个全局的javascript文件，以便它被自动应用到我们所有的表单。

（编辑：安卓应用网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!