js获取div中的文本框数据
通过div得到div里的所有数据
大神的世界无需解释,当然不是说我,当我看到这些代码的时候我惊呆了!
这是一个工具方法js:
js: /*
* 获取指定对象下的所有input、textarea值
* divid:外层的id
* jsonStr:如果无,新创建一个对象,如果有,直接在对象中添加
* isCheck:是否进行必填项判断
*/
getFormParam: function(divid,jsonStr,isCheck){
var inputlist = $("#"+divid+" input[type=text]");
var textarealist = $("#"+divid+" textarea");
var param = {};
if(jsonStr){
param = jsonStr;
} var iserror =false;
$.each(inputlist,function(i,obj){
var id = obj.id;
var name = obj.name;
if(!id && !name){ }else{
var ligeruiid = obj.attributes.ligeruiid;
var val = $.trim(obj.value);
if(val == ''){
if(isCheck && $(obj).attr("isrequired") == ''){
if(obj.style.display == 'none' || (obj.parentNode && obj.parentNode.style.display == 'none')){//父节点是否隐藏 }else{
iserror =true;
obj.style.border = '1px dotted #FF0000';
//$(obj).attr({"style":"border: 1px dotted #FF0000;"});
}
}
}else{
obj.style.border = '';
}
if(ligeruiid){
val = $("#"+id+"_hidden").val();
}
if(name){
param[name] = val;
}else{
param[id] = val;
}
}
});
$.each(textarealist,function(i,obj){
var id = obj.id;
var name = obj.name;
if(!id && !name){ }else{
var val = $.trim(obj.value);
if(val == ''){
if(isCheck && $(obj).attr("isrequired") == ''){
if(obj.parentNode && obj.parentNode.style.display == 'none'){//父节点是否隐藏 }else{
iserror =true;
obj.style.border = '1px dotted #FF0000';
//$(obj).attr({"style":"border: 1px dotted #FF0000;"});
}
}
}else{
obj.style.border = '';
}
if(name){
param[name] = val;
}else{
param[id] = val;
}
}
});
if(iserror){
return 'error';
}
return param;
}
html:
<div>
<div class="l-panel-search-cond clearfix" id='main_t'>
<div class="float-l">
<div class="l-panel-search-title">
借款用途:</div>
<div class="l-panel-search-item">
<input type="text" id="credit_purpose" style="width:430px" isRequired=""/>
</div>
</div>
<div class="float-l ">
<div class="l-panel-search-title"> 信贷产品种类:</div>
<div class="l-panel-search-item">
<input type="text" id="cre_loan_type" ligeruiSelectIsRequired=""/>
</div>
</div>
<div class="float-l clearboth">
<div class="float-l">
<div class="l-panel-search-title">申请贷款额度:</div>
<div class="l-panel-search-item">
<input type="text" id="credit_limit" style="width:95px" isRequired="" isFloat="" minVal="" maxVal=""/> (万元)
</div>
</div>
<div class="float-l">
<div class="l-panel-search-title">可接受每月最高还款额:</div>
<div class="l-panel-search-item">
<input type="text" id="max_repayment_limit_per_month" style="width:95px" isRequired="" isFloat="" minVal="" maxVal=""/> (元/月)
</div>
</div>
</div>
<div class="float-l">
<div class="l-panel-search-title"> 申请最长还款期限:</div>
<div class="l-panel-search-item">
<input type="text" id="max_repayment_time_limit" style="width:95px" isRequired="" isPositiveInteger="" minVal="" maxVal="" scope="a"/> (月)
</div>
</div>
<div class="float-l">
<div class="l-panel-search-title"> 共贷情况:</div>
<div class="l-panel-search-item">
<input type="text" id="hasconmpre" style="width:95px" isRequired="" />
</div>
</div>
</div>
</div>
将div里的值获取后传向后台:
var jsonStr;
jsonStr = globalUtil.getFormParam('main_t',null,false);
$("#tb_btn").css("display","none");//隐藏按钮
$.post(globalUtil.getTimestampUrl("/cremanage/mcscrecreditheadupdate.do"),
jsonStr, function(data) {
if (data === 'OK') {
globalUtil.successMsg(globalErrorMsg[''],
function() {
//关闭TAB 刷新列表
closeTabAndRes();
});//保存成功
}else {
globalUtil.errorMsg(globalErrorMsg['']); //保存失败
$("#tb_btn").css("display","");//显示按钮
}
});
js获取div中的文本框数据的更多相关文章
- js 选中div中的文本
function selectText(element) { var text = document.getElementById(element); if (document.body.create ...
- Js控制显示、隐藏文本框中的密码
Js控制显示.隐藏文本框中的密码,也可称为是一款小型的JavaScript星号密码破解器,点击会显示出密码类型的文本框中的真实信息,再次点击则还原,程序 主要是获取HTML元素对象,然后强制更改元素属 ...
- (三)在js(jquery)中获得文本框焦点和失去焦点的方法
在js(jquery)中获得文本框焦点和失去焦点的方法 文章介绍两个方法和种是利用javascript onFocus onBlur来判断焦点和失去焦点,加一种是利用jquery $(" ...
- 使用kindeditor获取不到富文本框中的值
获取不到富文本框中的值,网上一搜一堆,但最终没有几个能解决问题的,折腾一番最终解决.注意就是红色代码,加上之后就可以解决问题了. KindEditor.ready(function (K) { var ...
- Asp.net中使用文本框的值动态生成控件的方法
这篇文章主要介绍了Asp.net中使用文本框的值动态生成控件的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下 看到一个网友,有论坛上问及,动态的生成checkbox控件,在文本框中输入一个“花 ...
- 【kindeditor】KindEditor获取多个textarea文本框的值并判断非空
kindeditor官网:http://kindeditor.net/demo.php 如何获取多个KindEditor中textarea文本框的值,方式很多种(带有HTML标签). var intr ...
- JS获取div高度的方法
有时在写页面时,需要获取一个div的高度.怎么才能获取呢?哈哈,先上结论.有两种方法. offsetHeight .clientHeight getComputedStyle offsetHeight ...
- JS基础入门篇( 三 )—使用JS获取页面中某个元素的4种方法以及之间的差别( 一 )
1.使用JS获取页面中某个元素的4种方法 1.通过id名获取元素 document.getElementById("id名"); 2.通过class名获取元素 document.g ...
- Html中的文本框和单选按钮
Html中的文本框和单选按钮用来制作页面的登录注册使用.. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN& ...
随机推荐
- BZOJ3461 : Jry的时间表
fl[i]表示[1,i]操作一次,且在[j+1,i]处操作的最大值 1:把[j+1,i]改为b[i]: max(sum[j]+b[i]*(i-j)) =b[i]*i+max(-j*b[i]+sum[j ...
- 【TYVJ】1982 武器分配(费用流)
http://tyvj.cn/Problem_Show.aspx?id=1982 一眼题.. 源向每个人连容量为1,费用为0的边. 每个人向一个中转节点na连容量1,费用0的边(你也可以不连,直接连后 ...
- 【BZOJ】1076: [SCOI2008]奖励关(状压dp+数学期望)
http://www.lydsy.com/JudgeOnline/problem.php?id=1076 有时候人蠢还真是蠢.一开始我看不懂期望啊..白书上其实讲得很详细的,什么全概率,全期望(这个压 ...
- jQuery 事件的命名空间
在没有看到这篇 文章之前,我一直不知道原来bind也可以有命名空间.事实上,我看完这篇文章后,再去翻了一下手册,也才发现了一点点的注释.但手册也仅仅是一句话就带 过去了.没有过多的深究,或许他认为命名 ...
- 是否允许处理由Zend Encoder加密的PHP文件
Zend Optimizer是由PHP核心引擎"Zend"创建者Zend技术公司所开的免费PHP优化软件.据Zend公司透露使用这个软件某些情况下至少可以提高性能30%以上!Zen ...
- 【iBoard电子学堂】【iCore双核心板】资料光盘A盘更新,版本号为A6
_____________________________________ 深入交流QQ群: A: 204255896(1000人超级群,可加入) B: 165201798(500人超级群,满员) C ...
- Metasploit 笔记
目录一.名词解释···································································· 3二.msf基础··············· ...
- 【转】SSM框架——详细整合教程(Spring+SpringMVC+MyBatis)
原文地址:http://blog.csdn.net/zhshulin/article/details/37956105 使用SSM(Spring.SpringMVC和Mybatis)已经有三个多月了, ...
- VFS
VFS的作用:为文件系统提供通用的接口. 通用文件模型:common file model.特殊文件系统需要将它的物理结构转换成通用文件模型. common file model包括以下几个重要对象: ...
- hdu1874 最短路模板题
之所以做了第二道模板题还要写是因为发现了一些自己的问题 用的是dij 最简单的松弛 需要注意的地方是松弛的时候 判断dis[i]<dis[w]+tance[w][i]时 还要再判断 vis[i] ...