通过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">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;借款用途:</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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;信贷产品种类:</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">&nbsp;申请最长还款期限:</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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;共贷情况:</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中的文本框数据的更多相关文章

  1. js 选中div中的文本

    function selectText(element) { var text = document.getElementById(element); if (document.body.create ...

  2. Js控制显示、隐藏文本框中的密码

    Js控制显示.隐藏文本框中的密码,也可称为是一款小型的JavaScript星号密码破解器,点击会显示出密码类型的文本框中的真实信息,再次点击则还原,程序 主要是获取HTML元素对象,然后强制更改元素属 ...

  3. (三)在js(jquery)中获得文本框焦点和失去焦点的方法

    在js(jquery)中获得文本框焦点和失去焦点的方法   文章介绍两个方法和种是利用javascript onFocus onBlur来判断焦点和失去焦点,加一种是利用jquery $(" ...

  4. 使用kindeditor获取不到富文本框中的值

    获取不到富文本框中的值,网上一搜一堆,但最终没有几个能解决问题的,折腾一番最终解决.注意就是红色代码,加上之后就可以解决问题了. KindEditor.ready(function (K) { var ...

  5. Asp.net中使用文本框的值动态生成控件的方法

    这篇文章主要介绍了Asp.net中使用文本框的值动态生成控件的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下 看到一个网友,有论坛上问及,动态的生成checkbox控件,在文本框中输入一个“花 ...

  6. 【kindeditor】KindEditor获取多个textarea文本框的值并判断非空

    kindeditor官网:http://kindeditor.net/demo.php 如何获取多个KindEditor中textarea文本框的值,方式很多种(带有HTML标签). var intr ...

  7. JS获取div高度的方法

    有时在写页面时,需要获取一个div的高度.怎么才能获取呢?哈哈,先上结论.有两种方法. offsetHeight .clientHeight getComputedStyle offsetHeight ...

  8. JS基础入门篇( 三 )—使用JS获取页面中某个元素的4种方法以及之间的差别( 一 )

    1.使用JS获取页面中某个元素的4种方法 1.通过id名获取元素 document.getElementById("id名"); 2.通过class名获取元素 document.g ...

  9. Html中的文本框和单选按钮

    Html中的文本框和单选按钮用来制作页面的登录注册使用.. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN& ...

随机推荐

  1. c++ map和mutimaps 插入值

    (1)运用value_type std::map<std::string, float> col1; col1.insert(std::map<std::string,float&g ...

  2. 【POJ】2954 Triangle(pick定理)

    http://poj.org/problem?id=2954 表示我交了20+次... 为什么呢?因为多组数据我是这样判断的:da=sum{a[i].x+a[i].y},然后!da就表示没有数据了QA ...

  3. linux 快捷键

    截图: 打印: 全屏截图 alt+打印:窗口截图 shift+打印:区域截图 ctrl+打印:截图到剪贴板 显示桌面: ctrl+super+d 最大化最小化窗口 ctrl+alt+up/down 转 ...

  4. QGrphicsView, QGraphicsScene 和 QGraphicsItem 的区别

    初学Qt的人会经常搞不清这三个图像类QGrphicsView, QGraphicsScene 和 QGraphicsItem,它们到底有什么区别呢? QGrphicsView类实际上是为QGraphi ...

  5. shell 循环

    for循环: 批量删除.gz结尾的文件: 循环打包文件并备份到一个目录下面: find ./ -maxdepth 1 -name "*.gz" find ./ -maxdepth ...

  6. Scala _ [underscore] magic

    I started learning Scala a few days before. Initially i was annoyed by the use of too many symbols i ...

  7. C# - Lee 公共类库

    我的公共类库 using System; using System.IO; using System.Net; using System.Security.Cryptography; using Sy ...

  8. HP StorageWorks MSL2024 Tape Libraries - Robotic Error Sub-Codes

    Robotic error sub-codes Mechanical initialization failure 02 Connection to slave robotic failed 03 E ...

  9. JavaScript系列:event.bubbles属性(并不是所有的事件都具有冒泡)

    地址 https://www.w3.org/TR/DOM-Level-3-Events/#h3_interface-Event https://segmentfault.com/q/101000000 ...

  10. DS实验题 Old_Driver UnionFindSet结构

    题目 思路 很典型的并查集问题,朋友A和B要合并到一个统一的集合中,也就是Union(A, B)操作,在Union操作中需要先找到A所属的集合的代表元和B所属集合的代表元,也就是使用Find(A)和F ...