大佬教程收集整理的这篇文章主要介绍了asp.net-mvc-3 – 通过点击提交两次,避免在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文件,以便它被自动应用到我们所有的表单。
以上是大佬教程为你收集整理的asp.net-mvc-3 – 通过点击提交两次,避免在Asp.net MVC中提交重复的表单全部内容,希望文章能够帮你解决asp.net-mvc-3 – 通过点击提交两次,避免在Asp.net MVC中提交重复的表单所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。