How to prevent jQuery BlockUI from triggering

3.4k Views Asked by TazGPL At 25 May 2012 at 11:26

I made jQuery BlockUI Plugin to be triggered on every form submit action:

$("form").submit(function() {
    jQuery.blockUI();
});

I want to validate some of the forms before they are submitted:

<form method="POST" onSubmit="return(confirm('Really submit?'));">

When I hit "Cancel" on the confirm popup box, the BlockUI gets triggered and blocks the interface. It never gets unblocked.
Here's an example: http://jsfiddle.net/8B8yA/.

The question is how to prevent BlockUI from getting triggered when "Cancel" is pressed.

I've tried adding $.unblockUI() to "Cancel" action:

if(!confirm("Really submit?")) {
    $.unblockUI();
    return(false);
}

but it obviously does not work, as the unblock action is called before the block action is.

Original Q&A

There are 2 best solutions below

Gavin On 25 May 2012 at 12:03 BEST ANSWER

How about:

$("form").submit(function() {
    if(!$(this).hasClass('skip'))
    jQuery.blockUI();
});

and

<html>
  <head>
    <script src="http://malsup.github.com/jquery.blockUI.js">
    </script>
  </head>
  <body>
    <form method="POST" onSubmit="return (function(form) { var c = confirm('Are you sure?'); if(!c) { $(form).addClass('skip'); } return c; })(this);">
      <input type="submit">
    </form>
  </body>
<html>

See: http://jsfiddle.net/8B8yA/5/

Sudhir Bastakoti On 25 May 2012 at 11:53

You can try removing onsubmit from form and doing:

$("form").submit(function() {
    if(confirm('Really submit?')) {
        jQuery.blockUI();
    }
    else {
        return;
    }
});

Did you mean something like this:: jsFiddle

You can add id to the form where you need block ui, like:

$("#yourFormId").submit(function() {
        if(confirm('Really submit?')) {
            jQuery.blockUI();
        }
        else {
            return;
        }
    });

How to prevent jQuery BlockUI from triggering

There are 2 best solutions below

Related Questions in JQUERY

Related Questions in FORMS

Related Questions in ONSUBMIT

Related Questions in JQUERY-BLOCKUI

Trending Questions

Popular # Hahtags

Popular Questions