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

JQuery提交表单 Form.js官方插件介绍Form插件，支持Ajax，支持Ajax文件上传，功能强大，基本满足日常应用。1、JQuery框架下载/2、Form插件下载/jquery/form/#download3、Form插件的简单入门第一步：先增加一个表单 ? ?? ?? ?? ?form id=myForm action=comment.php method=post? ?? ?? ?? ?? ???Name: input type=text name=name /? ?? ?? ?? ?? ???Comment: textarea name=comment/textarea? ?? ?? ?? ?? ???input type=submit value=Submit Comment /? ?? ?? ?? ?/form? ?? ?? ?? ? 第二步：jquery.js和form.js文件的包含 ? ?? ?? ?? ?head? ?? ?? ?? ?? ???script type=text/javascript src=path/to/jquery.js/script? ?? ?? ?? ?? ???script type=text/javascript src=path/to/form.js/script? ?? ?? ?? ?? ?? ?script 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? ?? ?? ?? ? 表单插件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();? ???// 为了防止普通浏览器进行表单提交和产生页面导航（防止页面刷新？）返回false? ???return false;? ? });formSerialize将表单串行化（或序列化）成一个查询字符串。这个方法将返回以下格式的字符串：name1=value1name2=value2。可链接（Chainable）：不能， 这个方法返回一个字符串。 实例：var queryString = $(#myFormId).formSerialize();// 现在可以使用$.get、$.post、$.ajax等来提交数据$.post(myscript.php, queryString);fieldSerialize将表单的字段元素串行化（或序列化）成一个查询字符串。当只有部分表单字段需要进行串行化（或序列化）时，这个就方便了。这个方法将返回以下格式的字符串：name1=value1name2=value2。可链接（Chainable）：不能，这个方法返回一个字符串。 实例：var queryString = $(#