Question

我尝试停用提交按钮并将其更改为当用户点击它时处理，以便他们不会再次点击该按钮。

这是我所拥有的......

<input type="submit" onclick="jQuery(this).attr('disabled', 'disabled').val('Processing'); return true;" class="button" value="Place Order">

这样，当我点击按钮时，它确实改为“处理”，但是，它实际上也没有提交表格。我被困在那里。

我尝试将onclick更改为onsubmit，但这根本没有任何效果，只是让我想到能够继续点击按钮的原始问题。

您可以在此处查看页面：http://woo.angelleye.com/checkout/review-order/

它会加载空车，但您可以看到单击“下订单”按钮时会发生什么。如果我从那个按钮上删除了jQuery那么它就可以了，但是当然是因为没有任何项目而有错误。

我将非常感谢有关如何使这项工作的任何信息。谢谢！

Answer 1

以下是代码：

$("input[type='submit']").click(function(event){
    $(this).attr('disabled','true');
    $(this).val('Processing...');
});

Answer 2

试试这个.. 使用表单标记覆盖字段

 $("#form").submit(function{
         $("#button").val("Processing...").attr("disabled",true);
         return true;
 });

Answer 3

在表单中，最好将您的活动添加到表单而不是提交按钮。这意味着，当您的表单被提交时，您希望提交按钮获得disabled。

试试这个：

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

如果您想内联，请查看以下代码：

<form action="test.php" method="get" onsubmit="$(this).find('input[type=submit]').attr('disabled','disabled');">
 <input type="text" />
 <input type="submit"/>
</div>

Answer 4

您的问题不在于您展示的JavaScript。它位于138行。查看源代码并查看它：

$('form.checkout').unbind( 'submit' );

这可以防止触发提交事件。删除它，表单将提交。

Answer 5

尝试这样的事情

$("input[type='submit']").click(function (e) {
    // custom handling here
    e.preventDefault();
});

希望有所帮助

如何使用jQuery禁用提交按钮..？

5 个答案: