jQuery form插件使用详解

点击打开：
jquery选择器全解
jquery中的style样式操作
jquery中的DOM操作
jquery中的事件操作全解
jquery中的动画操作全解
jquery中ajax的应用
自定义jquery插件
jQuery form插件

jQuery form插件使用详解：

//ajaxForm和ajaxSubmit函数最多接受一个参数，参数为回调函数或提交选项对象var options={    target:"#output1",                                         //服务器返回内容放在id为output1的元素中    beforeSubmit:showRequest,                                    //提交前回调函数，用于提交前的表单验证    sucess:showResponse,                                         //提交后的回调函数    url:'test.jsp',                                            //默认为form的action，申明则覆盖    type:"post",                                                //默认为form的method    dataType:json,                                              //接收服务器返回的类型  xml script  json    clearForm:true,                                             //成功提交后清空所有表单元素的值    resetForm:true,                                             //成功提交后，重置所有表单元素的值    timeout:3000                                                 //超时时间};function showRequest(formData,jqForm,options){                  //formData数组对象[{name:name1,value:value1},{name:name2,value:value2}]，jqForm封装了表单元素的jquery对象，    for(var key_value in formData){        printf(key_value.name+key_value.value);    }    var form = jqForm[0];                                       //jquery对象转化为DOM对象，    if(form.name1.value=="")                                    //form表单中的元素name属性可以直接访问元素，在访问元素value属性        return false;                                           //返回false则不能正常提交    var queryString = $.param(formData);                        //$.param()方法,序列化数组或映射    return true;                                                //主要不返回false，表单都将允许被提交}function  showResponse(responseText,statusText,xhr,$form){    statusText;                                                 //返回状态 sucess或error    responseText;                                               //服务器返回内容，会根据options中的dataType来返回相应的内容。                                                                //默认下为XMLHttpRequest对象的responseText，xml时返回的是XMLHttpRequest对象的responseXML，json时返回的是json数据对象}$("#myform").ajaxForm(function(){                               //或者为.ajaxForm(options)});$("#myform").submit(function(){    $(this).ajaxSubmit(function(){                              //或者为.ajaxSubmit(options)    });    return false;                                               //阻止表单默认提交});