ajaxForm 错误回调内的表单对象

Question

我试图在 ajaxForm 的 error 方法中访问我的表单对象：

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

error 可以接受 3 个参数，但它们都不是表单对象，这也返回 url，但同样没有表单。

有什么建议吗？

Answer 1

棘手，为什么不使用：

var myForm = $("#foo");

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

如果有另一种方法，我很想了解自己。

Answer 2

在 ajaxForm 中，表单元素本身可以在 beforeSubmit 部分中访问：

$('#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

如果您阅读该插件文档中的“使用字段”选项卡，我想您会找到答案。

为了提高性能，您应该在绑定 ajaxForm 之前存储对表单的引用。

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

Answer 4

这个不起作用吗？ IE，

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