频道导航

jQuery Form 表单提交插件之formSerialize，fieldSerialize，fieldValue，resetForm，clearForm，clearFields的应用

2019-01-04 jQuery 前端之家

前端之家收集整理的这篇文章主要介绍了jQuery Form 表单提交插件之formSerialize，fieldSerialize，fieldValue，resetForm，clearForm，clearFields的应用，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_5020@<span style="color: #0000ff">

一、jQuery Form的其他api

@H5020@
1. formSerialize

@H502_0@将表单序列化成查询串。这个方法将返回一个形如： name1=value1&name2=value2的字符串。
是否可以连环调用: 否,这个方法返回的是一个字符串。

@H_502_0@例子:

<div class="jb51code">
<pre class="brush:js;">
var queryString = $('#myFormId').formSerialize();
// the data could now be submitted using $.get,$.post,$.ajax,etc
$.post('myscript.jsp',queryString);

@H_502_0@

2. fieldSerialize

@H_502_0@将表单里的元素序列化成字符串。当你只需要将表单的部分元素序列化时可以用到这个方法。这个方法将返回一个形如： name1=value1&name2=value2的字符串。是否可以连环调用: 否,这个方法返回的是一个字符串。

@H_502_0@例子:

@H_502_0@

3. fieldValue

@H_502_0@取出所有匹配要求的域的值，以数组形式返回。从 0.91 版本开始,这个方法始终返回一个数组。如果没有符合条件的域，这个数组将会是个空数组，否则它将会包含至少一个值。是否可以连环调用: 否,这个方法返回的是一个数组。例子:

@H_502_0@

4. resetForm

@H_502_0@通过调用表单元素的内在的DOM 上的方法把表单重置成最初的状态。是否可以连环调用: 是例子:

@H_502_0@

5. clearForm

@H_502_0@清空表单所有元素的值。这个方法将会清空所有的文本框，密码框，文本域里的值，去掉下拉列表所有被选中的项，让所有复选框和单选框里被选中的项不再选中。是否可以连环调用: 否

@H_502_0@

6. clearFields

@H_502_0@清空某个表单域的值。这个可以用在只需要清空表单里部分元素的值的情况。是否可以连环调用: 否

@H_502_0@二、测试的详细代码：

jQuery Form 表单提交<a href="/tag/chajian/" target="_blank" class="keywords">插件</a>-----formSerialize，fieldSerialize，fieldValue，resetForm，clearForm，clearFields的应用.