Question

I’m having trouble getting ajaxSubmit to catch an error:

$(document).ready(function(){

        $("#supportForm").validate({
              rules: {
                 //validation
              },

              messages: {              
                 //messages
              },

              submitHandler: function(form) {
                    $(form).ajaxSubmit({
                        url:"ajax/supportform",
                        type:"GET",
                        dataType: 'json',
                        error: function() { alert('error'); },
                        success: function() {alert('success'); },


                    });
              }

        });  
    })

what do I have to return in my php script to get it to fire the error event?

I’ve tried returning an array with error=>0 , exit(json_encode(‘error’=>’0’); etc.

Answer 1

See Mike de Klerk’s link, it provided the clues as to what had to be done to trap an error:

It seems the success & error callbacks have nothing to do with passing a boolean error/success message, but only if the url was successfully called. I expect I am not getting error results as I am using a CMS that is always returning some kind of content – even if it’s a 404 or 403 page.

Anyway, I had to return a json string from my php script:

<?php


$response = json_encode(array("error" => "false","message" => "this is the error message"));

return $response;

then parse it in my success callback:

submitHandler: function(form) {
        $(form).ajaxSubmit({
            url:"ajax/supportform",
            type:"POST",
            dataType: 'json',

            error: function(data ) { alert(data); },

            success: function(response) {

            var obj = jQuery.parseJSON(response);

            if(obj.error == "true"){
                alert('error is true');
            }else{
                alert('error is false')
            }

            },


        });
  }