[jQuery] Re: (validate), submitHandler and custom function

[bgumbiker]

Any Idea?
thanks

On Sep 15, 12:17 pm, bgumbiker  wrote:
> Indeed the message is sent with $.post(...) however it looks like the
> following code is not called:
>
> jQuery.ajaxSetup({
>   'beforeSend': function(xhr) {xhr.setRequestHeader("Accept", "text/
> javascript")}
>
> });
>
> and the server side code does not handle the request properly.
>
> Thanks!
> Bogumil
>
> On Sep 13, 10:01 pm, Jörn Zaefferer 
> wrote:
>
> > Try this:
>
> > submitHandler: function(form) {
> >   $.post(form.action, $(this).serialize(), null, "script");
>
> > }
>
> > Jörn
>
> > On Sun, Sep 13, 2009 at 12:42 AM, bgumbiker  
> > wrote:
>
> > > Hello,
> > > I am looking for a way to call successfully custom function from
> > > submitHandler to do proper ajax post.
>
> > > Here is my custom function:
>
> > > jQuery.fn.submitWithAjax = function() {
> > >  this.submit(function() {
> > >    $.post(this.action, $(this).serialize(), null, "script");
> > >    return false;
> > >  })
> > >  return this;
> > > };
>
> > > Before using validate plugin I had following which worked fine:
>
> > > $(document).ready(function() {
> > >   $("#my_form").submitWithAjax();
> > >  }
>
> > > Now I have added the validation part and have no idea how to call my
> > > custom submitWithAjax function??
>
> > > $(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() ? */
>
> > >             }
>
> > >        });
> > > })
>
> > > Thanks!

[jQuery] Re: (validate), submitHandler and custom function

[bgumbiker]

Indeed the message is sent with $.post(...) however it looks like the
following code is not called:

jQuery.ajaxSetup({
  'beforeSend': function(xhr) {xhr.setRequestHeader("Accept", "text/
javascript")}
});


and the server side code does not handle the request properly.

Thanks!
Bogumil





On Sep 13, 10:01 pm, Jörn Zaefferer 
wrote:
> Try this:
>
> submitHandler: function(form) {
>   $.post(form.action, $(this).serialize(), null, "script");
>
> }
>
> Jörn
>
> On Sun, Sep 13, 2009 at 12:42 AM, bgumbiker  wrote:
>
> > Hello,
> > I am looking for a way to call successfully custom function from
> > submitHandler to do proper ajax post.
>
> > Here is my custom function:
>
> > jQuery.fn.submitWithAjax = function() {
> >  this.submit(function() {
> >    $.post(this.action, $(this).serialize(), null, "script");
> >    return false;
> >  })
> >  return this;
> > };
>
> > Before using validate plugin I had following which worked fine:
>
> > $(document).ready(function() {
> >   $("#my_form").submitWithAjax();
> >  }
>
> > Now I have added the validation part and have no idea how to call my
> > custom submitWithAjax function??
>
> > $(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() ? */
>
> >             }
>
> >        });
> > })
>
> > Thanks!

[jQuery] (validate), submitHandler and custom function

[bgumbiker]

Hello,
I am looking for a way to call successfully custom function from
submitHandler to do proper ajax post.

Here is my custom function:

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

Before using validate plugin I had following which worked fine:

$(document).ready(function() {
   $("#my_form").submitWithAjax();
  }

Now I have added the validation part and have no idea how to call my
custom submitWithAjax function??

$(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() ? */

 }

});
})


Thanks!