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

Question

我正在使用提交按钮在 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();
}

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

我如何确保如果表单已提交一次到服务器，则不会提交重复项。

Answer 1

具有 mvc 客户端验证的 mvc 应用程序的解决方案应该是:

$('form').submit(function () {
    if ($(this).valid()) {
        $(':submit', this).attr('disabled', 'disabled');
    }
});