- 浏览: 256636 次
- 性别:
- 来自: 苏州
文章分类
最新评论
-
a542550187:
很受用,最近正好学习软件工程方面的知识
如何建立领域模型(转) -
liiyee:
谢谢!中文版有些地方的翻译实在是挺对付的。
hibernate in action 2 英文版 -
HFLdragon:
下来学习一下
ajax upload file -
wendellup_account1:
thanks....
Spring 3 mvc Validation的错误 -
zhangjq5:
中文名乱码……
ajax upload file
Form Plugin API
http://malsup.com/jquery/form/#getting-started
The Form Plugin API provides several methods that allow you to easily manage form data and form submission.
ajaxForm
ajaxForm
in your document's ready
function to prepare your form(s) for AJAX submission. ajaxForm
takes zero or one argument. The single argument can be either a callback function or an Options Object.Chainable: Yes.
Note: You can pass any of the standard $.ajax
options to ajaxForm
Example:
$('#myFormId').ajaxForm();
ajaxSubmit
ajaxSubmit
takes zero or one argument. The single argument can be either a callback function or an Options Object.Chainable: Yes.
Note: You can pass any of the standard $.ajax
options to ajaxSubmit
Example:
// attach handler to form's submit event
$('#myFormId').submit(function() {
// submit the form
$(this).ajaxSubmit();
// return false to prevent normal browser submit and page navigation
return false;
});
formSerialize
name1=value1&name2=value2
Chainable: No, this method returns a String.
Example:
var queryString = $('#myFormId').formSerialize();
// the data could now be submitted using $.get, $.post, $.ajax, etc
$.post('myscript.php', queryString);
fieldSerialize
name1=value1&name2=value2
Chainable: No, this method returns a String.
Example:
var queryString = $('#myFormId .specialFields').fieldSerialize();
fieldValue
Chainable: No, this method returns an array.
Example:
// get the value of the password input
var value = $('#myFormId :password').fieldValue();
alert('The password is: ' + value[0]);
resetForm
Chainable: Yes.
Example:
$('#myFormId').resetForm();
clearForm
Chainable: Yes.
$('#myFormId').clearForm();
clearFields
Chainable: Yes.
$('#myFormId .specialFields').clearFields();
The Options Object
Note: You can pass any of the standard $.ajax
options to ajaxForma and ajaxSubmit.
Both ajaxForm
and ajaxSubmit
support numerous options which can be provided using an Options Object. The Options Object is simply a JavaScript Object that contains properties with values set as follows:
Default value:
null
Default value: value of form's
action
attribute Default value: value of form's
method
attribute (or 'GET' if none found) [ { name: 'username', value: 'jresig' }, { name: 'password', value: 'secret' } ]
Default value: null
Default value: null
dataType
option provides a means for specifying how the server response should be handled. This maps directly to the jQuery.httpData
method. The following values are supported:
'xml': if dataType == 'xml' the server response is treated as XML and the 'success' callback method, if specified, will be passed the responseXML value
'json': if dataType == 'json' the server response will be evaluted and passed to the 'success' callback, if specified
'script': if dataType == 'script' the server response is evaluated in the global context
Default value: null
type="image"
. You should only set the semantic option to true if your server has strict semantic requirements and your form contains an input element of type="image"
.Default value:
false
Default value:
null
Default value:
null
Default value:
false
Example:
// prepare Options Object
var options = {
target: '#divToUpdate',
url: 'comment.php',
success: function() {
alert('Thanks for your comment!');
}
};
// pass options to ajaxForm
$('#myForm').ajaxForm(options);
Note that the Options Object can also be used to pass values to jQuery's $.ajax
method. If you are familiar with the options supported by $.ajax
you may use them in the Options Object passed to ajaxForm
and ajaxSubmit
.
- jquery.form.rar (6.8 KB)
- 下载次数: 84
发表评论
-
web页面打印
2012-04-26 14:25 744Web页面打印: [code="html&q ... -
JQuery--点击返回页面顶部
2012-04-12 14:07 916function goTop() { $('html, ... -
jQuery 参考
2011-08-18 14:48 57450个jQuery代码段帮你成为更好的JavaScript开发 ... -
使用Jquery做的滚动新闻
2010-06-03 11:24 1857滚动新闻代码从是网上找的,自己做了一些修改,特别是新闻比较长时 ... -
使用CSS处理文本溢出时显示省略号
2010-06-03 11:17 1705在多数情况下要显示文 ... -
ajax upload file
2010-06-03 09:18 7026AJAX Uplad File 是个简单而美观的上传文件插件 ... -
jquery plugin autocomplete
2010-04-28 17:50 650http://bassistance.de/jquery-pl ... -
jquery取得iframe元素的方法
2009-12-19 22:42 23357收集利用Jquery取得iframe中元素的几种方法 : ... -
jQuery.typeof and jQuery.isEmpty Utilities
2009-05-15 15:15 2469One of the best aspects of jQ ... -
ajax请求时的缓存的问题
2009-05-05 17:35 956ajax请求同一个url地址时,如果发现url地址没有变而缓存 ... -
checkbox disable时取值方法
2009-04-23 10:01 3310在使用checkbox时,我们有时间不想让用户勾选,但又需要显 ... -
利用Jmesa处理List<Map>方法
2009-04-11 16:03 1823<本篇文章是与从同事的博客上拿来学习,代码做一点我的.呵 ... -
Jquery的表单插件
2009-04-03 13:30 64171. 本篇文章是从我网上搜集整理的有关Jquery Form的 ... -
jQuery中对异步提交JSON和XML数据的处理方式
2009-03-23 23:22 2544最近在项目中用到Jquery,感觉真的不错,开源的插件也比 ...
相关推荐
《jQuery Form Plugin详解及其在异步表单提交与文件上传中的应用》 jQuery Form Plugin是一款强大的JavaScript库,专为了解决使用jQuery进行异步表单提交(Ajax Form Submission)和文件上传的问题。它通过扩展...
《jQuery Form Plugin的详解与应用》 在Web开发中,jQuery是一个极其强大的JavaScript库,它极大地简化了DOM操作,事件处理以及Ajax交互等任务。而jQuery Form Plugin是jQuery的一个扩展,专门为表单处理提供了丰富...
jquery.form.js jquery.form.js
标题 "jqueryform的guangwang,wuxia" 暗示了我们正在讨论关于 jQuery Form 插件的一个特定主题,可能涉及到使用此插件在网页上实现动态交互或表单验证的功能。描述中的 "jqueryform的guangwangjqueryform的...
《jQuery Form Plugin 3.51.0:深入解析与应用》 jQuery Form Plugin是一款广泛应用于Web开发中的JavaScript库,其主要目标是简化HTML表单的处理,包括提交、异步上传以及各种验证功能。这款插件的核心在于它提供了...
关于“jqueryform”,这很可能是压缩包中包含的文件,它是jQuery Form Plugin的具体实现。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画和Ajax交互。jQuery Form Plugin是基于jQuery的一个...
* jQuery Form Plugin * version: 4.2.2 * Requires jQuery v1.7.2 or later * Project repository: https://github.com/jquery-form/form * Copyright 2017 Kevin Morris * Copyright 2006 M. Alsup * Dual ...
jQuery Form Plugin能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。 插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的...
《jQuery Form Plugin 深入解析与应用》 在Web开发中,jQuery库以其简洁的API和强大的功能深受开发者喜爱,而`jquery.form.js`则是jQuery的一个重要插件,它扩展了jQuery对表单处理的功能,使得表单的提交、异步...
1. 插件介绍:jQuery Form Plugin是由Malsup开发的一款插件,它扩展了jQuery的功能,允许我们轻松地使用AJAX方式处理表单提交,实现无刷新的数据交互。这个插件不仅支持GET和POST提交,还支持文件上传,是前端开发中...
在IT行业中,jQuery是一个非常流行的...通过使用jQuery Form Plugin和`jquery.form.js`,我们可以轻松实现这一功能,同时也可以根据需要进行定制和扩展。学习并掌握这一技术,对于提升我们的前端开发技能至关重要。
Spring MVC是一个强大的MVC框架,常用于构建Java Web应用,而jQuery Form Plugin则提供了一种便捷的方式通过AJAX进行表单提交,包括文件上传。在本项目"【springmvc+jquery.form.min.js+spring文件上传】"中,我们将...
除了`ajaxSubmit`,jQuery Form Plugin还提供了`ajaxForm`、`serializeArray`、`serialize`等方法,这些方法同样增强了对表单的处理能力。`ajaxForm`是用于自动绑定表单的提交事件,`serializeArray`和`serialize`...
此外,jQuery还有许多插件可以进一步提升表单的用户体验,例如`jQuery UI`的Autocomplete插件可以实现输入框的自动补全,`jQuery Form Plugin`可以轻松处理表单提交,包括异步提交(AJAX)和文件上传。这些插件通常...
1. **jQuery Form Plugin集成**:首先,需要将jQuery.form.js库引入到项目中,通过`<script>`标签将其添加到HTML页面的头部。然后,可以通过jQuery选择器找到特定的表单元素,并调用`.ajaxSubmit()`方法来实现AJAX...
jQuery Form Plugin是jQuery的一个扩展,它使得异步表单提交变得简单,支持多种提交方式,如AJAX、上传文件、定时提交等。"jquery-form.js"包含了这些功能的实现代码,开发者可以通过引入这个文件轻松地为表单添加...