点击打开:
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; //阻止表单默认提交
});