问题描述
我浏览了关于这个问题的其他问题,但找不到满意的答案。
我有一个测验网站,用户从四个选项中选择一个选项,然后点击提交。我想在点击一次后禁用提交按钮。
I browsed through the other questions on this issue but couldn't find a satisfactory answer.I have a quiz website where the user selects an option from four options and then clicks submit. I want to disable the submit button after it has been clicked once.
有没有办法用PHP做到这一点?如果没有,有没有办法用最小的JS做到这一点。
Is there any way to do this with PHP? If not, is there a way to do this with minimal JS.
推荐答案
可用解决方案
由于您标记了jQuery这个问题,以下是一些您可以使用的简单jQuery解决方案:
要在单击它时禁用它,您可以简单地:
Available Solutions
Since you tagged the question jQuery, here are some simple jQuery solutions you can use:
To disable it when it is clicked, you can simply:
$('input[type="submit"]').click(function() {
this.disabled = true;
};
你可以做得更好,并且只在表单提交后禁用它:
You can do even better though, and disable it only once the form is submitted:
$("form").submit(function() {
$(this).find('input[type="submit"]').prop("disabled", true);
});
解决方案演示
以下是jsFiddle中上述逻辑的简单演示:
(请注意,在该实现中我没有使用jQuery,而是使用简单的JS;因为可移植性浏览器然而,以及访问jQuery提供的许多其他方法(加上语法糖!)我推荐jQuery方法。
Solution Demo
Here's a simple demo of the above logic, in a jsFiddle: http://jsfiddle.net/zb8CZ/
(Note that in that implementation I didn't use jQuery, but rather, plain JS; for portability across browsers however, as well as access to the many other methods jQuery provides (plus the syntactic sugar!) I recommend the jQuery methods.
请注意,尝试在HTML中内联实现JS事件处理(使用 onsubmit =...
或 onclick =...
attributes)被认为是不好的做法,因为它会影响你的布局/显示层的功能。您还会丢失编辑器可能提供的任何语法突出显示和/或错误检查,并且通常会使开发和维护应用程序变得更加困难,因为您的代码没有逻辑顺序。
Note that attempting to implement JS event handling inline in your HTML (using the onsubmit="..."
or onclick="..."
attributes) is considered bad practice, since it muddles your functionality with your layout/display layer. You also lose any syntax highlighting and/or error-checking your editor might provide, as well as just generally making it harder to develop and maintain your application, since there is no logical order to your code.
这篇关于如何在PHP中提交后禁用提交按钮?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!