Validation & Block UI working together

Validation & Block UI working together

Hello again jquery folks!

I have a new issue I'm trying to solve. I have a form I'm using a validation engine (position-absolute) to validate. I'm also wanting to use Block UI v2 to visually block the end user from submitting the form multiple times and allow my script time to process the form etc.

What I'm trying to accomplish is ONLY firing the block once the form is correctly filled out and they hit submit. The way I have it now fires the block even though the form has errors which is no good because then the form can't be corrected.

Current code.
  1. $(document).ready(function() {
                $("#requestform").validationEngine()
            });
                $("#submit").click(function (){
                $.blockUI();
            });





Any help or guidance is always appreciated. Thanks.

P.s. If my explanation isn't clear enough... please let me know.