本文实例讲述了jQuery插件之jQuery.Form.js用法。分享给大家供大家参考，具体如下：
一、jQuery.Form.js 插件的作用是实现Ajax提交表单。
方法：
1.formSerilize() 用于序列化表单中的数据，并将其自动整理成适合AJAX异步请求的URL地址格式。
2.clearForm() 清除表单中所有输入值的内容。
3.restForm 重置表单中所有的字段内容。即将所有表单中的字段恢复到页面加载时的默认值。
疑问：ajaxForm()与ajaxSubmit()的区别：
答案：$(“#form1”).ajaxForm(); 相当于以下两行：
$(
jQuery.Form.js是一个jQuery插件，专门用于处理Ajax提交表单的功能。这个插件极大地简化了在Web应用中异步更新内容的过程，使得用户无需等待页面刷新就能完成表单提交。以下是对jQuery.Form.js主要功能的详细说明：
1. **formSerialize()**：
这个方法用于将表单中的所有数据序列化成一个URL查询字符串，方便通过Ajax发送到服务器。它会遍历表单中的所有元素，包括文本框、复选框、单选按钮等，并将它们的值以键值对的形式拼接成URL格式，例如`key1=value1&key2=value2`。
2. **clearForm()**：
clearForm()函数用于清除表单中所有输入控件的值，使用户可以重新填写。这对于那些需要反复使用的表单特别有用，比如搜索表单，用户可以快速清空之前输入的信息。
3. **resetForm()**：
与clearForm()不同，resetForm()方法不仅清空表单的输入值，还会将所有表单字段恢复到初始状态，也就是页面加载时的状态。这通常包括复选框和单选按钮的初始选中状态，以及下拉框的初始选项等。
4. **ajaxForm() vs ajaxSubmit()**：
- `ajaxForm()`是一个更加全面的方法，它会监听并处理表单的提交事件。当你调用`$("#form1").ajaxForm();`时，它会自动绑定一个事件处理器，阻止正常的表单提交，然后使用Ajax方式发送表单数据。
- `ajaxSubmit()`则是单独的提交操作，它不会自动阻止表单的常规提交。如果想要使用Ajax提交，需要手动阻止表单的默认行为，如`return false;`。
5. **ajaxForm()和ajaxSubmit()的参数**：
这两个方法都接受一个可选参数，这个参数可以是一个回调函数或一个包含各种配置选项的对象。配置选项包括`url`(服务器端处理数据的地址)，`type`(POST或GET)，`target`(服务器响应显示的位置)，`beforeSubmit`(提交前执行的回调)，`success`(提交成功后的回调)，`dataType`(服务器返回数据的类型)，`clearForm`和`resetForm`(提交后是否清空或重置表单)，以及`timeout`(请求超时时间)等。
下面是一个使用jQuery.Form.js的示例：
```html
<!-- 页面HTML代码 -->
<div id="div1">
<form id="form1" method="get" action="#">
<p>我的名字：<input type="text" name="name" value="请输入内容" /></p>
<!-- 其他表单元素... -->
<p><input type="submit" value="确认" /></p>
</form>
</div>
<div id="div2"></div>
<!-- 页面js代码 -->
<script src="jQuery.1.8.3.js" type="text/javascript"></script>
<script src="jQuery.Form.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#form1").ajaxForm({
url: "indexAjax.aspx",
target: "#div2",
success: function () {
alert("ajax请求成功");
}
});
});
</script>
```
在这个例子中，当用户点击“确认”按钮时，表单将以Ajax方式提交，提交的数据将被发送到`indexAjax.aspx`，服务器的响应将被显示在`div2`中，同时用户会看到“ajax请求成功”的提示。
jQuery.Form.js插件通过提供简单易用的API，使得在jQuery中处理Ajax表单提交变得更加便捷，从而提高了用户体验，减少了不必要的页面刷新。
