JQuery Ajax表单并提交Handler如何一起工作?

时间:2013-02-22 13:07:08

标签: jquery jquery-validate ajaxform

我正在尝试将Jquery Validate与submitHandler和Jquery插件AjaxForm放在一起。下面的代码没有给出任何错误,但它没有调用php文件或它似乎死在某处。不幸的是,对于firebug,我没有错误。不使用submitHandler它可以正常工作。所有必要的文件都已加载。

$('#form-ev').validate({    
  rules: {
    .....
  }, //end rules
  messages: {
    ......
  },
  submitHandler: function(form) {
    $('.loading').fadeIn('slow');
    var insertOptions = { 
      url:       '/js/ajax/add.php',
      type:      'post',
      dataType:  'json', 
      clearForm: true,
      success: function(html) {
        if (html==1) {
          $('.loading').fadeOut();
          $('.success').delay(1500).fadeIn('slow').delay(2000).fadeOut('slow');
        } else {
          $('.error').show('slow').delay(2000).hide('slow');
        }
      }
    };

    $('#form-ev').ajaxForm(insertOptions);  
  }
});  

有人可以帮我理解我做错了吗?

1 个答案:

答案 0 :(得分:2)

您是否尝试过更换此行:

$('#form-ev').ajaxForm(insertOptions);

with:

$('#form-ev').ajaxSubmit(insertOptions);