作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我浏览了有关此问题的其他问题,但找不到满意的答案。我有一个测验网站,用户从四个选项中选择一个选项,然后单击“提交”。我想在单击一次后禁用提交按钮。
有没有办法用 PHP 来做到这一点?如果没有,有没有办法用最少的 JS 来做到这一点。
最佳答案
既然您标记了问题 jQuery,这里有一些您可以使用的简单 jQuery 解决方案:
要在单击时禁用它,您可以简单地:
$('input[type="submit"]').click(function() {
this.disabled = true;
};
不过,您可以做得更好,仅在提交表单后禁用它:
$("form").submit(function() {
$(this).find('input[type="submit"]').prop("disabled", true);
});
这是上述逻辑的简单演示,在 jsFiddle 中:http://jsfiddle.net/zb8CZ/
(请注意,在该实现中,我没有使用 jQuery,而是使用纯 JS;不过,为了跨浏览器的可移植性,以及访问 jQuery 提供的许多其他方法(加上语法糖!),我推荐 jQuery 方法。
请注意,尝试在 HTML 中内联实现 JS 事件处理(使用 onsubmit="..."
或 onclick="..."
属性)被认为是不好的做法,因为它混淆了您的功能与布局/显示层。您还会丢失编辑器可能提供的任何语法突出显示和/或错误检查,并且通常会使开发和维护应用程序变得更加困难,因为您的代码没有逻辑顺序。
关于javascript - 如何在 PHP 中提交后禁用提交按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19194356/
我是一名优秀的程序员,十分优秀!