jQuery form插件使用详解
2024-08-20 02:43:29
点击打开:
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; //阻止表单默认提交
});
最新文章
- and 与 &;&; or 与 || 的差异之处
- jquery ajax 提交信息后等待返回的提示信息
- linux命令:ln
- MVC路由约束
- extjs的调试方法
- 学习面试题Day07
- Qt下如何修改文件的时间(全平台修改)
- oracle_sequence用法
- Spring学习(1)----入门学习(附spring-framework下载地址)
- php&;amp;&;amp;页面静态化
- Python杂记
- 一种简单有效的VBA源代码加密办法,支持64位宿主,适用于大部分VBA代码加密
- 关于java.lang.ClassCastException: [Ljava.lang.Object; cannot be cast to 实体类
- spring boot 中统一异常处理
- 028、HTML 标签1列表、图片、表格
- win10启动移动热点解决办法
- 根据HTML5 获取当前位置的经纬度【百度地图】【高德地图】
- jdbc框架有很多,包括spring jdbc
- Open DJ备份与恢复方案
- 【LeetCode】117. Populating Next Right Pointers in Each Node II (2 solutions)