js:jquery插件jquery.form.js API简介

【概览】

这篇博客介绍一款很好用的jquery插件：jquery.form.js。
官网文档：http://jquery.malsup.com/form/
在实际开发当中，我们经常会用ajax来进行表单的提交，这款插件就是让其更简单地使用ajax进行表单的提交，其主要的方法是ajaxForm和ajaxSubmit。

---

【下载】

插件下载（免积分）：jquery.form.js

---

【API】

1. ajaxForm

ajaxForm不提交表单，在document的ready函数当中，使用ajaxForm为你的ajax提交做准备。
ajaxForm需要提供表单的id,action,method,最好在表单中提供submit按钮。它大大简化了使用ajax技术提交表单时的数据传递问题，使用ajaxForm()你不需要逐个获取每个表单属性的值。它会自动收集当前表单中每个属性的值，然后将其提交到相应的action。

//myFormId代表表单的ID
$('#myFormId').ajaxForm();

2. ajaxSubmit

ajaxSubmit通过ajax快速提交表单，它使用的场景经常是一些超链接、按钮的click事件，它比ajaxForm更加灵活，因为它依赖于事件机制，只要有事件存在就能使用该方法。只需指定该form的action，可以不提供submit按钮。

/*myFormId代表提交的表单的ID，myButton代表相应的按钮ID*/
//form中有submit按钮
$('#myFormId').submit(function() {
    $(this).ajaxSubmit();
});

//form中无submit按钮
$('#myButton').click(function() {
    $('#myFormId').ajaxSubmit();
});

3. formSerialize
formSerialize将表单序列化成query string，这个方法将会返回如下形式的字符串：name1=value1&name2=value2
返回值：返回一个字符串

var queryString = $('#myFormId').formSerialize();

4. fieldSerialize
fieldSerialize将表单的部分元素序列化成query string,这个方法使用的场景是当你只需要序列化部分表单的时候，将会返回如下形式的字符串：name1=value1&name2=value2
返回值：返回一个字符串

//specialFields代表表单的某一个元素
var queryString = $('#myFormId .specialFields').fieldSerialize();

5. fieldValue
取出所有匹配要求的域的值，以数组形式返回。这个方法返回一个数组，如果没有符合条件的域，这个数组将会是个空数组，否则它将会包含至少一个值。

var value = $('#myFormId :password').fieldValue(); 
alert('The password is: ' + value[0]);

6. resetForm
重置表单，使其恢复成为表单的初始状态，就类似重置按钮的功能。

$('#myFormId').resetForm();

7. clearForm
清除表单，这个方法会使得input,textarea的值变为空,不选中任何select元素，radio和checkbox也都处于unchecked状态。就相当于把表单里面的内容都置为空。

$('#myFormId').clearForm();

8. clearFields
清除表单的部分元素

$('#myFormId .specialFields').clearFields();

---

PS：这只是jquery.form.js的API的简介，之后还会写相关的option，以及相关的例子。接触多了就会发现这款插件在ajax提交表单方面非常好用。
如有任何错误或者疑问欢迎指出~