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

前端之家收集整理的这篇文章主要介绍了asp.net-mvc-3 – 通过点击提交两次,避免在Asp.net MVC中提交重复的表单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在Asp.net MVC中使用提交按钮提交表单。成功添加数据库后,页面重定向。以下是代码
  1. [HttpPost]
  2. public ActionResult Create(BrandPicView brandPic)
  3. {
  4. if (ModelState.IsValid)
  5. {
  6. if (!String.IsNullOrEmpty(brandPic.Picture.PictureUrl))
  7. {
  8. Picture picture = new Picture();
  9. picture.PictureUrl = brandPic.Picture.PictureUrl;
  10. db.Pictures.Add(picture);
  11. brandPic.Brand.PictureId = picture.Id;
  12. }
  13. db.Brands.Add(brandPic.Brand);
  14. db.SaveChanges();
  15. return RedirectToAction("Index");
  16. }
  17. return View();
  18. }

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

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

解决方法

我不认为这在评论中引用的答案是重复的,因为链接是针对Spring MVC的,而这个问题是针对.NET MVC的。

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

  1. $(document).on('invalid-form.validate','form',function () {
  2. var button = $(this).find('input[type="submit"]');
  3. setTimeout(function () {
  4. button.removeAttr('disabled');
  5. },1);
  6. });
  7. $(document).on('submit',function () {
  8. var button = $(this).find('input[type="submit"]');
  9. setTimeout(function () {
  10. button.attr('disabled','disabled');
  11. },0);
  12. });

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

猜你在找的asp.Net相关文章