[jQuery] Validate plugin problem

[Tomas GF]

I'm using jQuery Validate (v. 1.2.1) on a page with several forms. I iterate
through the forms using each(). The validation is working but when I try to
append a loader (using ajaxStart()), it's appended to the wrong div (always
on the second form).


The code:


$(document).ready(function() {
  var loader = jQuery('<div id="loader"><img
src="_js/loading.gif" alt="loader" width="20"
height="20"></div>');
  $.validator.setDefaults({
    debug: true,
    focusInvalidElement: true,
    submitHandler: function(form) {
      $(form).ajaxForm();
      var options = { target: $(form).parent(), clearForm: true, resetForm:
true }
      $(form).ajaxSubmit(options);
    }
  });
  $("form").each(function(i){
    $(this).validate();
    $(this).ajaxStart(function(){
      $(this).parent().append(loader);
    })
  });
});


Another problem is that IE 6 sends the message twice...

Thanks for your help.

-- 
View this message in context: 
http://www.nabble.com/Validate-plugin-problem-tp16912097s27240p16912097.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.