base库插件---form

 1 $().extend(‘serialize‘, function () {
 2     for (var i = 0; i < this.elements.length; i ++) {
 3         var form = this.elements[i];
 4         var parts = {};
 5         for (var i = 0; i < form.elements.length; i ++) {
 6             var filed = form.elements[i];
 7             switch (filed.type) {
 8                 case undefined :
 9                 case ‘submit‘ :
10                 case ‘reset‘ :
11                 case ‘file‘ :
12                 case ‘button‘ :
13                     break;
14                 case ‘radio‘ :
15                 case ‘checkbox‘ :
16                     if (!filed.selected) break;
17                 case ‘select-one‘ :
18                 case ‘select-multiple‘ :
19                     for (var j = 0; j < filed.options.length; j ++) {
20                         var option = filed.options[j];
21                         if (option.selected) {
22                             var optValue = ‘‘;
23                             if (option.hasAttribute) {
24                                 optValue = (option.hasAttribute(‘value‘) ? option.value : option.text);
25                             } else {
26                                 optValue = (option.attributes(‘value‘).specified ? option.value : option.text);
27                             }
28                             parts[filed.name] = optValue;
29                         }
30                     }
31                     break;
32                 default :
33                     parts[filed.name] = filed.value;
34             }
35         }
36         return parts;
37     }
38     return this;
39 });
时间: 2024-08-24 21:42:57

base库插件---form的相关文章

base库插件---拖动

1 /** 2 * Created by Administrator on 2014/6/5 0005. Base-drag 基于Base库的拖拽插件 tags为你要拖拽的元素参数, 数组形式传入 3 */ 4 5 $().extend('drag', function () { 6 var tags = arguments; 7 for (var i = 0; i < this.elements.length; i ++) { 8 addEvent(this.elements[i], 'mou

Feature.js-轻量级浏览器特性检测JavaScript库插件

简要教程 Feature.js是一款轻量级的浏览器特性检测JavaScript库插件.该插件运行速度快,使用简单,文件只有1kb大小.通过Feature.js你可以检测客户浏览器是否支持某些特性,并针对这些特性编写代码. Feature.js会自动在页面初始化时进行加载,但是它不会自动进行特性检测,直到你在代码中调用它时才会进行指定特性的检测. 通过Feature.js你可以对浏览器进行特性检测,例如检测浏览器是否支持CSS 3D transforms,为支持该特性的浏览器编写代码来操纵元素进行

表单插件——form

表单插件——form 通过表单form插件,调用ajaxForm()方法,实现ajax方式向服务器提交表单数据,并通过方法中的options对象获取服务器返回数据,调用格式如下: $(form). ajaxForm ({options}) 其中form参数表示表单元素名称:options是一个配置对象,用于在发送ajax请求过程,设置发送时的数据和参数. 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

第七章(插件的使用和写法)(7.2 jQuery 表单插件 ----- Form)

7.2 jQuery 表单插件 ----- Form 7.2.1 Form 插件简介 jQuery Form 插件是一个优秀的 Ajax 表单插件,可以非常容易地.无侵入地升级 HTML 表单以支持 Ajax.jQuery Form 有两个核心方法----- ajaxForm()  和 ajaxSubmit() .它们集合了从控制表单元素到决定如何管理提交进程的功能,另外,插件还包括其他一些方法: formToArray() / formSerialize() / fieldSerialize(

解决jquery库和base库的冲突

jquery库引用在base库之前,$的所有权就是base库的:而jquery库引用在base库之前后的话,$的所有权就是jquery库的.解决这种库之间的冲突可用以下方法解决: 情况一,jquery库引用在base库之前 比如: //var $$ = jQuery; $(funtion(){       //jquery库引用在base库之前,$的所有权就是base库的 alert($("#box").ge(0)); //ge()方法属于base而不属于jquery alert(jQ

可视化CSS3动画代码生成js库插件-Bounce.js

简要教程 Bounce.js是一款功能非常强大的可视化CSS3动画代码生成js库插件.该js库插件提供了一个在线APP,通过该APP可以在可视化的条件下编辑CSS3的各种动画效果,如移动.旋转.倾斜.easing等效果,编辑完成后可以直接获取该CSS3帧动画的代码,复制代码到你的页面中即可在你的页面上获得与该动画一样的效果.此外,你也可以单独使用Bounce.js,通过js代码来完成各种CSS3动画效果.Bounce.js能与jQuery完美结合. 查看演示     下载插件 安装 可以通过Bo

base库

1 /* 2 * 跨浏览器基础库=============================================== 3 * */ 4 5 //浏览器检测 6 (function () { 7 window.sys = {}; 8 var ua = navigator.userAgent.toLowerCase(); 9 var s; 10 (s = ua.match(/msie ([\d.]+)/)) ? sys.ie = s[1] : 11 (s = ua.match(/firef

jQuery 表单插件 -- Form

1.Form 插件简介 jQuery Form 插件是一个优秀的 Ajax 表单插件,可以非常容易地.无侵入地升级 HTML 表单以支持 Ajax. jQuery Form 有两个核心方法 --- ajaxForm( ) 和 ajaxSubmit( ),它们集合了从控制表单元素到决定如何管理提交进程的功能.另外,插件还包括其它的一些方法:formToArray( ), formSerialize( ), fieldSerialize( ), clearForm( ), clearFields(

【jQuery基础学习】07 jQuery表单插件-Form

作用:jQuery Form插件的作用是为了让我们可以很方便地用ajax的方式提交表单,从而使我们提交表单的时候页面不用进行刷新. 它的核心方法是ajaxForm()和ajaxSubmit() 升级表单提交方式的时候很简单,不用去改变HTML结构,如下即可: //就是下面这么简单 $("#myForm").ajaxForm(function(){ //提交成功后的操作 }); //你也可以这样 $("#myform").submit(function(){ $(th