Jquery提交表单 Form.js官方插件介绍.docVIP

先说说常用的Form插件，支持Ajax，支持Ajax文件上传，功能强大，基本满足日常应用。1、最新JQuery框架软件包下载jquery.js压缩包jquery.js非压缩包2、Form插件下载form.js3、Form插件的简单入门第一步：先增加一个表单代码: .代码如下: form id=myForm action=comment.php method=postName: input type=text name=name /Comment: textarea name=comment/textareainput type=submit value=Submit Comment //form 第二步：jquery.js和form.js文件的包含代码: .代码如下: headscript type=text/javascript src=path/to/jquery.js/scriptscript type=text/javascript src=path/to/form.js/scriptscript type=text/javascript// wait for the DOM to be loaded$(document).ready(function() {// bind myForm and provide a simple callback function$(#myForm).ajaxForm(function() {alert(Thank you for your comment!);});});/script/head 3、Form插件的详细使用方法及应用实例/jquery/form/＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝该插件的作者在介绍form.js时，说了这样的一句话：引用:Submitting a form with AJAX doesnt get any easier than this!意思是说，用Ajax来提交表单，你不可能找到比这个更容易的了。呵呵——，是否吹水，大家用过了就知道了。表单插件API英文原文：/jquery/form/#api表单插件API提供了几个方法，让你轻松管理表单数据和进行表单提交。ajaxForm增加所有需要的事件监听器，为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中，使用ajaxForm来 为AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。可链接（Chainable）：可以。实例：代码: .代码如下: $(#myFormId).ajaxForm();ajaxSubmit 马上由AJAX来提交表单。大多数情况下，都是调用ajaxSubmit来对用户提交表单进行响应。ajaxSubmit接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。可链接（Chainable）：可以。实例：代码: .代码如下: // 绑定表单提交事件处理器$(#myFormId).submit(function() {// 提交表单$(this).ajaxSubmit();// 为了防止普通浏览器进行表单提交和产生页面导航（防止页面刷新？）返回falsereturn false;});formSerialize 将表单串行化（或序列化）成一个查询字符串。这个方法将返回以下格式的字符串：name1=value1name2=value2。可链接（Chainable）：不能， 这个方法返回一个字符串。实例：代码: .代码如下: var queryString = $(#myFormId).formSerialize();// 现在可以使用$.get、$.post、$.ajax等来提交数据$.post(myscript.php, queryString);fieldSerialize 将表单的字段元素串行化（或序列化）成一个查询字符串。当只有部分表单字段需要进行串行化（或序列化）时，这个就方便了。这个方法将返回以下格式的字符串：name1=value1name2=value2。可链接（Chainable）：不能，这个方法返回一个字符串。实例：代码:var queryString = $(#myFormId .specialFields).fieldSerialize();fieldValue返回匹配插入数组中的表单元素值。从0.91版起，该方法将总是以数组的形式返回数