simple-ajax-form.js

/**
 * Simple AJAX Form - Version 2.0
 *
 * jQuery extension to make forms AJAX enabled.
 * Mainly used in WordPress projects
 */
(function($){
  $.fn.extend({
    simpleAjaxForm: function( opts ){
      var defaults = { validate: false };
      var options  = $.extend( defaults, opts );
      return this.each(function(){
        var $form = $(this);
        var formopts = $.extend({
          target:   $form.data('target'),
          callback: $form.data('callback'),
          validate: $form.data('validate'),
          waiting:  $form.data('waiting')
        }, options);
        if( formopts.target && $('#'+formopts.target).length ){
          $('#'+formopts.target).html('').hide();
        }

        $form.ajaxForm({
          beforeSubmit: function(formData, jQForm, options) {
            // If jQuery.validator is available, check it first
            if( typeof(jQForm.valid) === 'function' ){
              if( !jQForm.valid() )
                return false;
            }
            // Update target update div
            if( formopts.target && $('#'+formopts.target).length ){
              $('#'+formopts.target).html('<p>Updating, please wait...</p>').removeClass('updated').addClass('updating').fadeTo(100,1);
            }
            return true;
          },
          success: function(responseText, statusText, xhr, jQForm){
            if( typeof(jQForm) === 'undefined' )
              jQForm = xhr;

            if( typeof(jQForm) === 'undefined' ){
              $form.append('<div class="error"><p>Cannot handle response properly</p></div>');
              return;
            }

            if( formopts.target && $('#'+formopts.target).length ){
              $('#'+formopts.target).removeClass('updating').addClass('updated').html(responseText);
            }

            // if( formopts.callback && typeof(formopts.callback) === 'function' ){
						// $.fn.do_some_response( responseText );
            if( formopts.callback ){
              eval( formopts.callback+'(responseText, jQForm)' );
            }
          }
        });
      });
    }
  });
})(jQuery);