提交后禁用 JQuery

发布于 2024-11-18 01:25:42 字数 829 浏览 0 评论 0原文

我很抱歉问了一个似乎有大量信息的问题，但我似乎没有得到任何结果。

我只是想阻止双重表单提交的发生，我使用以下代码：

<script language="javascript" src="/js/jquery-1.6.1.min.js"></script>   
<script language="javascript">
$(document).ready(function(){
    $("#cc_form").submit(function() {
    if ($.data($("#cc_form").get(0), 'submitting')) {
        return false;
     }
     $.data($("#cc_form").get(0), 'submitting', true);
     $(".submit",$("#cc_form")).prop('disabled', true);
});     
});
</script>

它在 FF 4 和 FF 5 中工作正常，在 IE 8 或 IE 9 中不起作用。在 IE 中，我得到“对象” document.ready 行上的预期”。我尝试将其从头部移动到关闭主体之前，我尝试使用 type=text/javascript 和 language=javascript，我尝试使用 jQuery(function().. 而不是 document.ready 并且无论我尝试什么，我都会在 IE 中收到该错误，并且它不会停止多个表单提交（而 FF 继续工作）错误）。

没有任何

原文

I'm sorry for asking a question that there seems to be TONS of info on, but I don't seem to be getting anywhere.

I'm simply trying to stop a double form submission from happening, I'm using the following code:

<script language="javascript" src="/js/jquery-1.6.1.min.js"></script>   
<script language="javascript">
$(document).ready(function(){
    $("#cc_form").submit(function() {
    if ($.data($("#cc_form").get(0), 'submitting')) {
        return false;
     }
     $.data($("#cc_form").get(0), 'submitting', true);
     $(".submit",$("#cc_form")).prop('disabled', true);
});     
});
</script>

It works fine in FF 4 and FF 5, it does not work in IE 8 or IE 9. In IE I get that "Object Expected" on the document.ready line. I've tried moving it from the head to just before the closing body, I tried using type=text/javascript and language=javascript, I've tried using jQuery(function().. instead of document.ready and no matter what I tried I get that error in IE and it does not stop multiple form submissions (while FF continues to work without any error).

Any Ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

濫情▎り 2024-11-25 01:25:42

我突然想到一件事：

$(".submit",$("#cc_form")).prop('disabled', true);

试一试：

<script language="javascript" src="/js/jquery-1.6.1.min.js"></script>   
<script language="javascript">
$(document).ready(function(){

var cc_form = $("#cc_form");
cc_form.submit(function() {
    if ($.data(this, 'submitting')) {
        return false;
     }
     $.data(this, 'submitting', true);
     $(".submit, #cc_form").attr('disabled', true); // Revert to .prop() if this is a working solution per comments
});     
});
</script>

One thing jumps out at me:

$(".submit",$("#cc_form")).prop('disabled', true);

Give this a shot:

<script language="javascript" src="/js/jquery-1.6.1.min.js"></script>   
<script language="javascript">
$(document).ready(function(){

var cc_form = $("#cc_form");
cc_form.submit(function() {
    if ($.data(this, 'submitting')) {
        return false;
     }
     $.data(this, 'submitting', true);
     $(".submit, #cc_form").attr('disabled', true); // Revert to .prop() if this is a working solution per comments
});     
});
</script>

回复收藏 0 原文