Bloquear div mientras se recibe información.

[neodani]

Al final he encontrado la forma, por suerte la función de jquery.validate tiene un metodo para saber si el formulario cumple con todas las validaciones

$("#contactar").valid()


Por lo que finalmente el codigo JS me quedó así

Cuando se pulsa el botón enviar del fomulario contactar compruebo que se hayan pasado todas las validaciones, si es así es TRUE el condicional, despues bloqueo toda capa del formulario contactar y muestro el mensaje de espera.

Código Javascript:

$(document).ready(function(){
    $("#contactar").submit(function() {
        if($("#contactar").valid()){
            $('div#form_contactar').block({ 
                message: $('#msgEspera'),
                css: {  border: '0px',
            },
            overlayCSS:  { 
                backgroundColor: '#D5D3D6', 
                opacity:         0.6 
            }
            });
        }
    });
});
 

Saludos!