Question

我试图通过使用以下代码在单击后禁用按钮，但它无法正常工作。

查看

<button class="button button-text-only" onclick=" $('#MyForm').submit() ">Create </button>

JS

//inside document.ready
$('#MyForm').submit(function(){
    $('input[type=submit]', this).attr('disabled', 'disabled');
});

TIA

Answer 1

FIDDLE DEMO

$('button').click(function() {
    $(this).prop('disabled', true);
});

Answer 2

使用以下内容禁用按钮...

$('#MyForm').on('click', function () {
    $("#myButton").attr('disabled', 'disabled');
});

然后，如果您需要启用，您可以删除以下禁用...

$("#myButton").removeAttr('disabled');

Answer 3

我会将您的按钮更改为以下代码

<button id="button-id" class="button button-text-only">Create </button>

然后以这种方式绑定click事件：

$('#button-id').on('click', function(e) {
    e.preventDefault(); //prevent the form from being submitted

    $(this).prop('disabled', true);

    //process form with ajax otherwise your page is just going to reload and the button won't be disabled anymore
    var form = $('#MyForm');
    $.ajax({
        url: form.get(0).action,
        type: form.get(0).method,
        data: form.serialize(),
        success: function (result) {
           //do finished stuff here
           alert('done');
        }
    });
});

单击后如何禁用提交按钮？

3 个答案: