form object inside of ajaxForm error callback

Question

I'm trying to access my form object inside of ajaxForm's error method:

$('#foo').ajaxForm({
  error: function(){
    // where's my $('#foo') object?
  }
});

error can take 3 params, but none of them are the form object, also this returns the url, but again no form.

Any suggestions?

Answer 1

Tricky, why not use:

var myForm = $("#foo");

myForm.ajaxForm({
 error: function(){
  myForm.//whatever
 }
});

If there is another way, I'd love to know myself.

Answer 2

In ajaxForm The form element itself is accessible in beforeSubmit section:

$('#foo').ajaxForm({

   beforeSubmit: function(formData, jqForm) {
        var myform = jqForm[0];
        /*
         If there are multiple forms in the selector, 
        each form is accessible with its order in the array
        */
   }

  error: function(){
    // where's my $('#foo') object?
    //It is here: myform
  }
});

Answer 3

If you read the tab 'Working with Fields' in that plugin's docs, I think you'll find your answer.

For performance, you should probably store a reference to the form before you bind the ajaxForm.

$(document).ready(function() {
    $foo = $('#foo');
    $foo.ajaxForm({
        error: function() {
            alert($('#fieldId', $foo).fieldValue()[0]);
        }
    });
});

Answer 4

Does this not work? I.e.,

$('#foo').ajaxForm({
  error: function(){
    alert($(this).attr('name'));
  }
});