Question

I got a confirmation alert to confirm a user action.

on click “ok”, it should do the following code:

function disableSubmitButton() {
    jQuery("#submitButton").attr("disabled", "true");
    jQuery("#rent_space").submit();
}

on “cancel”, the following.

if (!confirm('Are you sure you want to proceed ?')) {
    return false;
}

However, the way my code is currently formated, the first block of code is executed regardless of which button is pressed.

I think this is pretty much just moving the code around, but I’m unsure how to correctly do it as my precedent attempts all failed. Any help appreciated. Thanks !

Full code:

<script>
    jQuery(document).ready(onDocumentReady);
        function onDocumentReady() {

            jQuery("#submitButton").click(disableSubmitButton);

            jQuery('#submitButton').click(function() {
                if (!confirm('Are you sure you want to proceed ?')) {
                    return false;
                }
            });

        }
        function disableSubmitButton() {
            jQuery("#submitButton").attr("disabled", "true");
            jQuery("#rent_space").submit();
        }
</script>

Answer 1

You can try:

//jQuery("#submitButton").click(disableSubmitButton);

jQuery('#submitButton').click(function() {
if (!confirm('Are you sure you want to proceed ?')) {
    return false;
}
else
{
    disableSubmitButton();
}
});