JQuery BlockUI on “normal” forms

Question

I have searched hi and low, but can't find an answer without a lot of work. I have a site that has lots of intensive forms. I am trying to write a global function that will gray out or block the UI when any form is submitted on the site. They do not all have a class, an id, etc. Some submit via a regular submit button, some already have javascript submit buttons, etc.

Is there a simple way to say when any form gets submitted it will gray out the site system wide?

Answer 1

You can just use an element selector to get all <form> elements, then hook a handler up to the submit event, like this:

$("form").submit(function() {
  $(this).block(/* options here if needed */);
});