javascript 封装表单数据的函数

调用例子
 1     // 封装RegFee json对象
 2         var regFee = new Map();
 3         // 获取表单控件数据
 4         var regPayForm = $(‘#regPayForm‘).serializeArray();
 5         $.each(regPayForm, function() {
 6             regFee.put(this.name, this.value);
 7         });
 8         // 总费用
 9         var regFeeFee = $("#regFeeFee").text();
10         regFee.put("fee", regFeeFee);
11         // 现金支付
12         var regFeeCashPay = $("#regFeeCashPay").text();
13         regFee.put("cashPay", regFeeCashPay);
14         // 医保支付
15         var regFeeMediInsuPay = $("#regFeeMediInsuPay").html();
16         regFee.put("mediInsuPay", regFeeMediInsuPay);
17
18         // 封装register json对象
19         var register = new Map();
20         // 手册号
21         var patiNo = $("#patiNo").html();
22         register.put("patiNo", patiNo);
23         // 操作员id
24         var operId = $("#operId").html();
25         register.put("operId", operId);
26         // 挂号类型名称
27         var regTypeName = $("#regTypeName").html();
28         register.put("regTypeName", regTypeName);
29         // 挂号科室
30         var regOfficeName = $("#regOfficeName").html();
31         register.put("regOfficeName", regOfficeName);
32         // 预约就诊时间
33         var bespeakDate = $("#bespeakDate").html();
34         register.put("bespeakDate", bespeakDate);
35         // 拼接键值对参数
36         var param = new Map();
37         // 配置请求的控制器和方法
38         param.put("controller", "RegFeeController");
39         param.put("method", "createRegFee");
40         param.put("regFee", JSON.stringify(regFee.data));
41         param.put("register", JSON.stringify(register.data));
42         // 调试代码
43         // console.log("param.data: ");
44         // console.log(param.data);

 1 // 封装表单数据方法
 2 function Map() {
 3     this.data = {};
 4     this.put = function(key, value) {
 5         this.data[key] = value;
 6     };
 7
 8     this.get = function(key) {
 9         return this.data[key];
10     };
11
12     this.remove = function(key) {
13         this.data[key] = null;
14     };
15
16     this.isEmpty = function() {
17         return this.data.length == 0;
18     };
19
20     this.size = function() {
21         return this.data.length;
22     };
23 }
时间: 2024-11-29 08:19:24

javascript 封装表单数据的函数的相关文章

JavaScript输入表单数据正则验证规则

1 emailNameReg: /^(([a-zA-Z0-9]+\w*((\.\w+)|(-\w+))*[\.-]?[a-zA-Z0-9]+)|([a-zA-Z0-9]))$/, //匹配邮箱名称 2 emailReg: /^(([a-zA-Z0-9]+\w*((\.\w+)|(-\w+))*[\.-]?[a-zA-Z0-9]+)|([a-zA-Z0-9]))\@[a-zA-Z0-9]+((\.|-)[a-zA-Z0-9]+)*\.[a-zA-Z0-9]+$/, //匹配邮箱 3 mobileR

第一百五十三节,封装库--JavaScript,表单验证--备注字数验证

封装库--JavaScript,表单验证--备注字数验证 效果图

基于表单数据的封装,泛型,反射以及使用BeanUtils进行处理

在Java Web开发过程中,会遇到很多的表单数据的提交和对表单数据的处理.而每次都需要对这些数据的字段进行一个一个的处理就显得尤为繁琐,在Java语言中,面向对象的存在目的便是为了消除重复代码,减少我们程序员的负担.因此,在这里和大家分享一下我学到的一个小技巧. 对于封装 这里说的"封装",是指将从客户端提交的表单数据封装到一个bean层entitry中.这样可以方便对数据的处理.下面就来看一个具体的bean实例化的小例子吧. 比如说我们从网页上获得用户的登录信息,一般来说是用户名和

javascript定时保存表单数据的代码

(忘记是不是两家邮箱都有这个功能). 那这个功能是怎么做的呢? 定时,我们知道怎么弄,但保存呢?也许我们会通过隐藏域等手段来存放数据.但是,这个却有个缺点:那就是刷新页面后,数据将会丢失. 而此时,就该轮到我们很少关注,而且估计有不少人不知道的UserData 行为(userData Behavior)登场了: 而这个UserData是什么?怎么用?,我将在文章最后转载一篇介绍它的文章. 现在,我直接上例子,所谓无代码,无真相嘛: <!DOCTYPE html PUBLIC "-//W3C

8.javascript获取表单中两个数字,并判断大小

获取表单数据的方式: 1.表单注意些id 2.使用document.getElementById("num").value 获取值 3.一定要注意现在得到是string类型,可以用alert(typeof(num))获取数据类型 4.使用parseInt函数将string类型转换成int类型,然后在判断 5.!!!!!!!!!!!!!注意要写.value,我又忘记了,又找bug了...... <!DOCTYPE html> <html> <head>

【JavaScript 封装库】BETA 4.0 测试版发布!

1 /* 2 源码作者: 石不易(Louis Shi) 3 联系方式: http://www.shibuyi.net 4 =================================================================================================== 5 程序名称: JavaScript 封装库 BETA 4.0 版 6 迭代版本: BETA 3.0 7 插件总数: 12 个 8 库方法数: 26 个 9 功能总数: 67 个

jQuery使用serialize(),serializeArray()方法取得表单数据+字符串和对象类型两种表单提交的方法

原始form表单值获取方式(手动): $.ajax({ type: "POST", url: "ajax.php", data: "Name=摘取天上星&position=IT技术", success: function(msg){alert(msg);}, error: function(error){alert(error);} }); JQ serialize()方法取值: $.ajax({ type: "POST&quo

JavaScript form表单提交与验证

原网址:https://blog.csdn.net/vipwxs/article/details/79119701 一.form对象的属性: name:获取表单的名称,该name一般给JS使用 method:表单的提交方式   (get:不安全,数据量较小,不能上传附件)(post:相对安全 海量数据 能上传附件) action:表单数据的处理程序 一般是PHP文件 enctype:表单数据的编码方式(加密) application/x-www-form-urlencoded  默认      

封装表单自定义错误信息。(阻止默认错误信息提示,添加自定义错误信息提示)

1 前台提交信息到后台,两种表单验证: 2 1,form 表单验证 3 2,ajax 无刷新页面提交 4 5 表单验证方法一般有: 6 1,浏览器端验证 7 2,服务器端验证 8 3,ajax验证 9 4,浏览器和服务器双重验证 10 11 html5表单新增类型: 12 email,url,number,range,data(date,month,week,time,datetime,datetime-local),search,color,tel等 13 ======== 14 重点:pat