表单插件——jquery.form.js
表单插件(Form Plugin)
下载地址
:http://plugins.jquery.com/form/
文件名:jquery.form.js
version: 3.50.0-2014.02.05(最新版本)
功能:提供表单数据、重置表单项目、使用Ajax提交数据等
获取表单数据:
对于表单而言,最重要的功能莫过于获取用户填写的数据。在表单中可以通过fieldValue()直接获取表单的值;
该方法返回表单中所有"有用元素"的值组成的数组;
fieldValue()方法还可以接受一个布尔值作为参数,
false值将获取表单中所有的元素的值,而不仅仅是"有用元素"的值,还包括未选中元素(如radio:male和female都包括),
默认值true,仅包括有用元素;
var aFieldValue = $("#myForm *").fieldValue() //ID选择符后必须带* var aFieldValue = $("#myForm :radio").fieldValue() var aFieldValue = $(":radio").fieldValue() var aFieldValue = $("input").fieldValue() var aFieldValue = $(":input").fieldValue() //:input过滤选择器包括、
实例:
使用方法:
另外fieldValue()方法也可以通过过滤选择器获取指定元素的值,例如
var aFieldValue = $("#myForm :radio").fieldValue();
注意:#myForm与:radio要有空格,否则不能读取
格式化表单数据:
对于Ajax异步传输而言,往往需要将传送的数据进行固定的格式化处理;如果采用javascript语句则需要遍历所有元素并获取它们的值。
表单插件提供了两个非常实用的格式化函数formSerialize()和fieldSerialize(),分别用于整个表单数据的格式化和特定元素数据的格式。
formSerialize()使用方法:
var data = $("#myForm").formSerialize(); //只能是表单ID选择符
实例:
使用方法:
同样,fieldSerialize()用于表单个别元素的格式化处理,语法与formSerialize()十分类似;
参数true和false与fieldValue()的参数含义一致;
fieldSerialize()使用方法:
var data = $("input").fieldSerialize(); var data = $(":radio").fieldSerialize(); var date = $("#myForm").fieldSerialize() ID选择符后面不能有*和类选择器,带*经过测试会出错 var data = $("#myForm :checkbox").fieldSerialize(); //Id选择符后,必须是过滤选择器 var data = $("#myForm :checkbox").fieldSerialize(false); var data = $(":input").fieldSerialize(); //:input过滤选择器包括、
清除和重置表单数据
在HTML代码中可以通过reset来重置表单中的数据,但是它没有清除所有数据的功能。重置和清除的区别在于重置是将表单中元素的值设置为默认值。
HTML代码:
按Ajax方式提交表单
表单框架还提供了ajaxSumbit()按照Ajax的方式直接提交表单;ajaxSubmit(options),其中参数options与$.ajax(options)的参数相同
实例:
HTML代码:
php脚本
除了ajaxSumbit(options)方法外,表单插件还提供了一个ajaxForm(options)方法,该方法通常在页面加载完成时执行,用来将表单统一Ajax化,
并且提交表单依然使用传统的Submit按钮,只不过进行的是Ajax提交;
HTML代码:
fsss gsphp脚本
实例:模拟搜狐热门调查
HTNL代码:
模拟搜狐热门调查 新闻集锦
- 中国队0:3负于乌兹别克斯坦队,亚洲杯小组未出现
- 中国队1:1逼平泰国队,无言以对
- 再次遭淘汰,冲出亚洲梦再度破灭
- 中国队7:0大胜中国香港,依然被淘汰
- 颜面扫地,踢假球都被淘汰?
- 国足的未来让人担忧...
热点调查
php代码:
你认为中国足球的前景如何?"; $back .= "
一片光明: 5%
困难重重: 61%
前途未卜: 34%
"; echo $back; ?>