blocks|key|869570|text|不要重复发明轮子:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|869571|使用Post/Redirect/Get设计模式。|offset|length|869572|在这里你可以找到一个question和一个答案，它给出了一些关于如何在ASP.NET+MVC中实现它的建议。|869573|entityMap|0|LINK|mutability|MUTABLE|url|http://en.wikipedia.org/wiki/Post/Redirect/Get|1|https://stackoverflow.com/questions/2120882/post-redirect-get-pattern-in-asp-net-mvc^0|0|2|H|0|0|A|8|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]]|A|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|H|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]|P|$5|K|L|M|A|$N|Q]]]]

Dont reinvent the wheel :)

Use the <a href="http://en.wikipedia.org/wiki/Post/Redirect/Get" rel="nofollow noreferrer">Post/Redirect/Get</a> design pattern.

Here you can find a <a href="https://stackoverflow.com/questions/2120882/post-redirect-get-pattern-in-asp-net-mvc">question</a> and an answer giving some suggestions on how to implement it in ASP.NET MVC.

blocks|key|869628|text|为了完成@Darin的回答，如果您想处理客户端验证(如果表单有必填字段)，您可以在禁用提交按钮之前检查是否存在输入验证错误：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|869629|$('#myform').submit(function+()+{
++++if+($(this).find('.input-validation-error').length+==+0)+{
++++++++$(this).find(':submit').attr('disabled',+'disabled');
++++}
});|code-block|syntax|javascript|869630|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Just to complete the answer of @Darin, if you want to handle the client validation (if the form has required fields), you can check if there's input validation error before disabling the submit button :

<pre><code>$('#myform').submit(function () {
 if ($(this).find('.input-validation-error').length == 0) {
 $(this).find(':submit').attr('disabled', 'disabled');
 }
});
</code></pre>

blocks|key|1084454|text|如果我们使用$(this).valid()会怎么样|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1084455|$('form').submit(function+()+{
++++if+($(this).valid())+{
++++++++$(this).find(':submit').attr('disabled',+'disabled');
++++}
});|code-block|syntax|javascript|1084456|entityMap^0|6|F|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

What if we use <code>$(this).valid()</code>?
<pre><code>$('form').submit(function () {
 if ($(this).valid()) {
 $(this).find(':submit').attr('disabled', 'disabled');
 }
});
</code></pre>

blocks|key|869492|text|你可以在表单post中包含一个隐藏的(随机或计数器)值，控制器可以在一个‘开放’列表或类似的东西中跟踪这些值；每当你的控制器发出一个表单时，它就会嵌入一个值，它会跟踪允许一次post使用它的值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|869493|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You could include a hidden (random or counter) value in the form post, a controller could track these values in an 'open' list or something similar; every time your controller hands out a form it embeds a value, which it tracks allowing one post use of it.

blocks|key|1084617|text|只需将此代码添加到页面的末尾。我使用的是"jquery-3.3.1.min.js“和"bootstrap+4.3.1”|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1084618|<script+type="text/javascript">
++++$('form').submit(function+()+{
++++++++if+($(this).valid())+{
++++++++++++$(this).find(':submit').attr('disabled',+'disabled');
++++++++}
++++});
</script>|code-block|syntax|javascript|1084619|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Just add this code at the end of your page. I am using "jquery-3.3.1.min.js" and "bootstrap 4.3.1"

<pre><code>&lt;script type="text/javascript"&gt;
 $('form').submit(function () {
 if ($(this).valid()) {
 $(this).find(':submit').attr('disabled', 'disabled');
 }
 });
&lt;/script&gt;
</code></pre>

blocks|key|1084077|text|就其本身而言，不是的，但是取决于控制器实际在做什么，你应该能够找到一种方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1084078|是否在数据库中创建了一条记录，您可以检查该记录以查看他们是否已提交表单？|1084079|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

In its self, no, however depending on what the controller is actually doing, you should be able to work out a way.

Is a record being created in the database that you can check for to see if they've already submitted the form?

blocks|key|869383|text|您还可以在隐藏字段中传递某种令牌，并在控制器中对其进行验证。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|869384|或者在提交值后使用重定向。但是，如果您大量利用ajax，就很难做到这一点。|869385|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

You can also pass some sort of token in a hidden field and validate this in the controller.

Or you work with redirects after submitting values. But this get's difficult if you take heavily advantage of ajax.

blocks|key|1084478|text|这在每个浏览器上都有效|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1084479|+document.onkeydown+=+function+()+{
++++++++switch+(event.keyCode)+{
++++++++++++case+116:+//F5+button
++++++++++++++++event.returnValue+=+false;
++++++++++++++++event.keyCode+=+0;
++++++++++++++++return+false;
++++++++++++case+82:+//R+button
++++++++++++++++if+(event.ctrlKey)+{
++++++++++++++++++++event.returnValue+=+false;
++++++++++++++++++++event.keyCode+=+0;
++++++++++++++++++++return+false;
++++++++++++++++}
++++++++}
++++}|code-block|syntax|javascript|1084480|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This works on every browser

<pre><code> document.onkeydown = function () {
 switch (event.keyCode) {
 case 116: //F5 button
 event.returnValue = false;
 event.keyCode = 0;
 return false;
 case 82: //R button
 if (event.ctrlKey) {
 event.returnValue = false;
 event.keyCode = 0;
 return false;
 }
 }
 }
</code></pre>

blocks|key|1084548|text|您可以通过创建某种特定于用户或特定于您想要保护资源的方式的静态条目标志来实现这一点。我用ConcurrentDictionary来追踪入口。关键字基本上是我正在保护的资源的名称和用户ID的组合，诀窍是当你知道请求正在处理时如何阻止它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1084549|public+async+Task<ActionResult>+SlowAction()
{
++++if(!CanEnterResource(nameof(SlowAction))+return+new+HttpStatusCodeResult(204);
++++try
++++{
++++++++//+Do+slow+process
++++++++return+new+SlowProcessActionResult();
++++}
++++finally
++++{
+++++++ExitedResource(nameof(SlowAction));
++++}
}|code-block|syntax|javascript|1084550|返回204是对双击请求的响应，它不会在浏览器端执行任何操作。当缓慢的过程完成时，浏览器将接收到对原始请求的正确响应，并相应地执行操作。|1084551|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can do this by creating some sort of static entry flag that is user specific, or specific to whatever way you want to protect the resource. I use a ConcurrentDictionary to track entrance. The key is basically the name of the resource I'm protecting combined with the User ID. The trick is figuring out how to block the request when you know it's currently processing.

<pre><code>public async Task&lt;ActionResult&gt; SlowAction()
{
 if(!CanEnterResource(nameof(SlowAction)) return new HttpStatusCodeResult(204);
 try
 {
 // Do slow process
 return new SlowProcessActionResult();
 }
 finally
 {
 ExitedResource(nameof(SlowAction));
 }
}
</code></pre>

Returning a 204 is a response to the double-click request that will do nothing on the browser side. When the slow process is done, the browser will receive the correct response for the original request and act accordingly.

blocks|key|1084594|text|使用这个简单的jquery输入字段，即使在一个表单中有多个提交按钮，它也会工作得很好。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1084595|$('input[type=submit]').click(function+()+{
++++var+clickedBtn+=+$(this)
++++setTimeout(function+()+{
++++++++clickedBtn.attr('disabled',+'disabled');
++++},+1);
});|code-block|syntax|javascript|1084596|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Use this simple jquery input field and will work awesomely even if you have multiple submit buttons in a single form. 

<pre><code>$('input[type=submit]').click(function () {
 var clickedBtn = $(this)
 setTimeout(function () {
 clickedBtn.attr('disabled', 'disabled');
 }, 1);
});
</code></pre>

I want to prevent users submitting forms multiple times in .NET MVC. I've tried several methods using Javascript but have had difficulties getting it to work in all browsers. So, how can I prevent this in my controller? It there some way that multiple submissions can be detected?

How do I prevent multiple form submission in .NET MVC without using Javascript?

数据库

我想防止用户在.NET MVC中多次提交表单。我尝试了几种使用Javascript的方法，但在所有浏览器中都很难使用。那么，我如何在我的控制器中防止这种情况呢？是否有某种方法可以检测到多个提交？

问如何在不使用Javascript的情况下在.NET MVC中阻止多个表单提交？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在不使用Javascript的情况下在.NET MVC中阻止多个表单提交？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在不使用Javascript的情况下在.NET MVC中阻止多个表单提交？
EN