[jQuery plugin] ajaxForm 與 validator 整合範例

時常會需要利用到jquery form與 validator 二個元件整合的應用。 把範例記錄一下 :D 範例網址:
注意在submithandler事件裡面要改用ajaxSubmit的方法而不是ajaxForm。

http://jquery.bassistance.de/validate/demo/ajaxSubmit-intergration-demo.html

jQuery(function() {
  // show a simple loading indicator
  var loader = jQuery('


')
   .css({position: "relative", top: "1em", left: "25em", display: "inline"})
   .appendTo("body")
   .hide();
  jQuery().ajaxStart(function() {
   loader.show();
  }).ajaxStop(function() {
   loader.hide();
  }).ajaxError(function(a, b, e) {
   throw e;
  });

  var v = jQuery("#form").validate({
   submitHandler: function(form) {
    jQuery(form).ajaxSubmit({
     target: "#result"
    });
   }
  });

  jQuery("#reset").click(function() {
   v.resetForm();
  });
 });