Ненавязчивый jQuery и Rails с AJAX и проверкой формы

Question

Я ищу способ успешного вызова пользовательской функции из submitHandler, чтобы сделать правильный пост ajax.

Вот моя пользовательская функция:

jQuery.fn.submitWithAjax = function() {
this.submit(function() {
$.post(this.action, $(this).serialize(), null, "script");
return false;
})
return this;
};

Перед использованием плагина validate у меня было следующее, которое работало нормально:

$ (документ) .ready (function () { $ ( "# My_form") submitWithAjax (). }

Теперь я добавил часть проверки и не знаю, как вызвать пользовательская функция submitWithAjax ??

$(document).ready(function() {

$("#my_form").validate({

/*Validations - works perfectly!! */

},

submitHandler: function(form) {

/* $("#my_form").submitWithAjax(); - this works but
introduces recursion */

/* how to call custom subitWithAjax() ????? */

}

});
})

Спасибо!

Answer 1

Надеюсь, вы нашли свой ответ, богумбикер. В итоге я добавил rails.js из библиотеки jquery-ujs:

http://github.com/rails/jquery-ujs/blob/master/src/rails.js

и вызов функции callRemote () вместо submitWithAjax () после проверки. Работал для меня в Rails 3.

Answer 2

У меня возникла та же проблема с использованием rails.js , поэтому я решил вызвать проверку в рамках обратного вызова ajax:beforeSend (описано здесь ). Вот обходной путь:

$('form').live('ajax:beforeSend', function(event, xhr, status){
  var form = $(this);
  form.validate({
    /* validation options go here */
  });
  if (!form.valid()) {
    return false;
  }
});

Answer 3

Ваш пользовательский плагин добавляет только обработчик события отправки, который не будет работать с плагином валидатора. попробуйте это

$("#my_form").validate({
    /*Validations - works perfectly!! */
},
submitHandler: function(form){
    $.post(this.action, $(form).serialize(), null, "script");
});