javascript - 询问用户是否确定，然后禁用按钮并提交表单

Question

我问用户“你确定吗？”单击表单提交按钮时:

{{ Form::open(array('url' => 'myhome/pic-remove', 'onsubmit' => 'return confirm(\'Are you sure?\');')) }}

我在点击时停用了提交按钮:

$('#submitbutton').click(function() {
    $('#submitbutton').hide();
    $('#isloading').show();  
});

问题是，如果用户“不确定”并单击“取消”，提交按钮也会被停用。

仅当用户“确定”第一个问题并单击“确定”时，如何才能停用提交按钮？

编辑:

好吧，我现在就是这样，似乎可以工作

$('#submitbuttonconfirm').click(function() {
    var r = confirm('Are you sure?');
    if (r == true)
    {
        $('#submitbuttonconfirm').hide();
        $('#isloading').show();
        return true;
    }
    else
    {
        return false;
    }      
});

Answer 1

我认为问题在于，click 事件在 submit 事件之前触发，因此您在询问用户之前就隐藏了提交按钮。

您可以使用 jQuery 来处理 submit 事件，而不是使用 click 并禁用那里的按钮:

{{ Form::open(array('url' => 'myhome/pic-remove')) }}

$('form').submit(function(e) { // Use the id of the form here, if you have more than one
    if(confirm('Are you sure?')) {
        $('#submitbutton').hide();
        $('#isloading').show();
    } else {
        return false;
    }
});