Comment faire pour utiliser JQuery Valider pour créer un popup avec toute forme d'erreur lorsque le bouton envoyer est cliqué?

Je suis en utilisant le plugin pour JQuery Validation côté client de la validation du formulaire. Outre le style coloré sur les invalides, les champs de formulaire, mon client exige qu'un message soit affiché. Je ne veux plus afficher ce message lorsque le bouton envoyer est sur parce qu'il serait le moteur de l'utilisateur de fou sinon. J'ai essayé le code suivant, mais errorList est toujours vide. Quelqu'un que vous connaissez la bonne façon de faire quelque chose de similaire.

function popupFormErrors(formId) {
  var validator = $(formId).validate();
  var message = '';
  for (var i = 0; i < validator.errorList.length - 1; i++) {
    message += validator.errorList[i].message + '\n';
  }

  if (message.length > 0) {
    alert(message);
  }
}

$('#btn-form-submit').click(function(){
  $('#form-register').submit(); 
  popupFormErrors('#btn-form-submit');
  return false;
});

$('#form-register').validate({
  errorPlacement: function(error, element) {/* no room on page */},
  highlight: function(element) { $(element).addClass('invalid-input'); },
  unhighlight: function(element) { $(element).removeClass('invalid-input'); },
  ...
});

Mise à jour
À partir de l'info dans la accepté de répondre je suis venu avec cette.

var submitClicked = false;

$('#btn-form-submit').click(function() {
  submitClicked = true;
  $('#form-register').submit();    
  return false;
});

$('#form-register').validate({
  errorPlacement: function(error, element) {/* no room on page */},
  highlight: function(element) { $(element).addClass('invalid-input'); },
  unhighlight: function(element) { $(element).removeClass('invalid-input'); },
  showErrors: function(errorsObj) {
    this.defaultShowErrors();
    if (submitClicked) {
      submitClicked = false;
      ... create popup from errorsObj...
    }
  }
  ...
});

OriginalL'auteur Lawrence Barsanti | 2010-06-17