(客户端)禁用提交按钮的最佳方法是什么?

What is the best approach for (client-side) disabling of a submit button?((客户端)禁用提交按钮的最佳方法是什么?)
本文介绍了(客户端)禁用提交按钮的最佳方法是什么?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

详情:

  • 仅在用户点击提交按钮后禁用,但在回发到服务器之前
  • ASP.NET 网络表单 (.NET 1.1)
  • 更喜欢 jQuery(如果有任何库的话)
  • 必须在表单重新加载时启用(即信用卡失败)

这不是我做这件事的必要条件,但如果有一种简单的方法可以做到而不必改变太多,我会去做.(即如果没有简单的解决方案,我可能不会这样做,所以不要担心挖得太深)

This isn't a necessity that I do this, but if there is a simple way to do it without having to change too much, I'll do it. (i.e. if there isn't a simple solution, I probably won't do it, so don't worry about digging too deep)

推荐答案

对于所有提交按钮,通过 JQuery,它会是:

For all submit buttons, via JQuery, it'd be:

$('input[type=submit]').click(function() { this.disabled = true; });

或者在表单提交时这样做可能更有用:

Or it might be more useful to do so on form submission:

$('form').submit(function() {
    $('input[type=submit]', this).attr("disabled","disabled");
});

但我认为,如果我们对上下文有更多了解,我们可以更好地回答您的问题.

But I think we could give a better answer to your question if we knew a bit more about the context.

如果这是一个 ajax 请求,那么您需要确保在成功或失败时再次启用提交按钮.

If this is an ajax request, then you'll need to make sure you enable submit buttons again on either success or failure.

如果这是一个标准的 HTTP 表单提交(除了使用 javascript 禁用按钮)并且您这样做是为了保护同一表单的多次提交,那么您应该在代码中进行某种控制处理提交的数据,因为使用 javascript 禁用按钮可能不会阻止多次提交.

If this is a standard HTTP form submission (aside from disabling the button with javascript) and you're doing this to safe guard from multiple submissions of the same form, then you ought to have some sort of control in the code that deals with the submitted data, because disabling a button with javascript might not prevent multiple submissions.

这篇关于(客户端)禁用提交按钮的最佳方法是什么?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

c# Generic Setlt;Tgt; implementation to access objects by type(按类型访问对象的C#泛型集实现)
InvalidOperationException When using Context Injection in ASP.Net Core(在ASP.NET核心中使用上下文注入时发生InvalidOperationException)
how do i pass parameters to aspnet reportviewer(如何将参数传递给aspnet report查看器)
Bind multiple parameters from route and body to a model in ASP.NET Core(在ASP.NET Core中将路由和主体中的多个参数绑定到一个模型)
Custom model binding in AspNet Core WebApi?(AspNet Core WebApi中的自定义模型绑定?)
How to minify in .net core mvc view?(如何在.Net核心MVC视图中缩小?)