Как интегрировать jquery.validate с jquery.form?

Question

Я использую эти два плагина jquery.validate и jquery.form отдельно, но я хотел бы использовать их вместе. У меня есть простая форма пользователя с несколькими полями для проверки.

Скрипт с плагинами:

 $(function() {

  $("#my_form").validate({
   submitHandler: function(form) {

    var my_options = { 
     target:        '#save_form',
     dataType:      'json',
     beforeSubmit:  showRequest,
     success:       showResponse
    }; 
    $(form).ajaxForm(my_options); 

     }
  });  

 }); 

 function showRequest(formData, jqForm, my_options) { 
  $("#save_form").fadeIn().html('<img src="<?=ICONES?>spin_light.gif">');
 } 

 function showResponse(data, responseText, statusText)  { 
  // do something
 } 

Это выглядит нормально, и проверка работает. Проблема в том, что мне нужно дважды щелкнуть в кнопке отправки (<input type="submit" value="Save" class="button" />), чтобы форма отправлялась. Каждый раз, когда форма отправляется, она будет идти только со вторым нажатием на кнопку. Что здесь не так?

С уважением, Жоао Клериго

Answer 1

никогда не пробовал опцию submitHandler проверки,
я также использую эти два плагина, но так:

$('#my_form').validate({[your options here]}).submit(function ()
    {
        $(this).ajaxSubmit({
            beforeSubmit: function (arr, jqForm, options)
        {
                //can continue if the form is valid
                return jqForm.validate().form();
            },
            success: function (ret, statusText, xhr, jqForm)
            {
                //party
            }
        });
        return false;//stop regular submit
    });