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;                                               //阻止表单默认提交
});
上一篇:[集合]Map的 entrySet() 详解以及用法(四种遍历map的方式)


下一篇:hive元数据库表分析及操作