ajax表单验证插件



1. 核心方法

   form.js有两个核心方法：ajaxForm()和ajaxSubmit()，他们集合了从控制表单元素到决定如何管理提交进行的功能。

   提交方式：

   1、$('#reg').ajaxForm();

2、//js里用了submit（）方法时，采用ajaxSubmit（）提交

   $('#reg').submit(function(){

      $(this).ajaxSubmit();

      return false;

   });

   //submit方法没有阻止默认提交，需要自行阻止

注意：ajaxForm()方法是针对form直接提交的，所以阻止了默认行为。而ajaxSubmit（）方法，由于是针对于submit（）方法的，所以需要手动阻止默认行为，而使用了validate.js验证插件，那么ajaxSubmit（）比较适合

1. param

      /*$('#reg').ajaxForm(function(){

      alert("success");

   });*/

   //js里用了submit（）方法时，采用ajaxSubmit（）提交

   $('#reg').submit(function(){

      $(this).ajaxSubmit({

        url:'11.html',

        target:'#box',//将服务器返回结果放到box中

        type:'GET',//提交方式

        dataType:null,//远程数据处理方式：xml、json、script，默认为null

        //clearForm:true,//成功提交后清空表单

        resetForm:true,//成功提交后重置表单

        data:{//增加额外的数据提交

           aaa:'bb',

        },

     

        beforeSubmit:function(formDate,jqForm,options){

           //提交时执行，以用于验证,如果数据不合法，则不能提交，返回false，否则返回true提交数据

           //return false;

           //alert(options.url)：得到url的值

           //jqForm:返回表单对象

           //formDate:返回文本框对象   

        },

        success:function(responseText,statusText){

           //提交成功，成功之后才会执行这个方法

           alert(responseText+statusText);

          

        },

        error:function(event,errorText,errorType){

           //错误时调用

          

           alert(errorText+errorType);

        },

       

      });

      return false;

     

   });

   //submit方法没有阻止默认提交，需要自行阻止

1. 几个工具方法

   表单序列化：

   $('#reg').formSerialize()

   序列化某一个字段：

   $('#reg #user').fieldSerialize()

   得到某个字段的value值：

   $('#reg #user').fieldValue()

   重置表单：$('#reg').resetForm();

   清空某个字段： $('#reg #user').clearFields();