Question

I have a form. I want to add an event handler using jquery.

$("form").submit(function blah() {
   $.post('ping-me-please.php', params, function (response) {
       // only submit the form once this goes through!
   });

}

How can I make this happen?

Answer 1

Like this:

$("form").submit(function (e) {
    var form = $(this);

    if (!form.data('pinged')) {
        e.preventDefault(); // Cancel the submit
        $.post('ping-me-please.php', params, function (response) {
            // only submit the form once this goes through!

            // First we set the data, then we trigger the submit again.
            form.data('pinged', true).submit();
        });
    }
}