通过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. Memcached、Redis OR Tair

    一.前言 非关系型数据库(NoSQL = Not Only SQL)的产品非常多,常见的有Memcached.Redis.MongoDB等优秀开源项目,相关概念和资料网上也非常丰富,不再重复描述,本文 ...

  2. iOS开发项目之三 [ 自定义tabBarCtrl]

    01 让tabBar的图片保持原样.图片渲染的处理 ctrl.tabBarItem.selectedImage = [[UIImage imageNamed:[NSString stringWithF ...

  3. [转] - JAR文件包及jar命令详解 ( MANIFEST.MF的用法 )

    常常在网上看到有人询问:如何把 java 程序编译成 .exe 文件.通常回答只有两种,一种是制作一个可执行的 JAR 文件包,然后就可以像. chm 文档一样双击运行了:而另一种是使用 JET 来进 ...

  4. linux中执行命令权限不够怎样处理

    在linux中执行命令权限不够就要增加权限,先看遇到的情况 查看权限情况 那就赋予权限 执行命令

  5. 如何搭建redis扩展-Yii中文网

    原文链接: 如何搭建redis扩展http://www.yii-china.com/post/detail/43.html 安装redis扩展: 1.通过composer进行安装,到项目根目录cmd运 ...

  6. CSS3:过渡大全

    代码 地址:http://jsbin.com/moquyesumi/edit?html,output <!DOCTYPE HTML> <html> <head> & ...

  7. Web 在线文件管理器学习笔记与总结(2)显示文件列表(名称,类型,大小,可读,可写,可执行,创建时间,修改时间,访问时间)

    主要函数: filetype() 判断文件类型 filesize() 得到文件大小(字节) is_readable() 判断文件是否可读 is_writeable() 判断文件是否可写 is_exec ...

  8. Yii源码阅读笔记(三)

    接着上次的继续阅读BaseYii.php vendor/yiisoft/yii2/BaseYii.php—— public static function getRootAlias($alias)// ...

  9. nginx gzip 模块配置

    #gzip模块设置 gzip on; #开启gzip压缩输出 gzip_min_length 1k; #最小压缩文件大小 gzip_buffers 4 16k; #压缩缓冲区 gzip_http_ve ...

  10. javaWeb中struts开发——Logic标签

    1.Struts标签的logic标签 Logic标签是逻辑标签,是Struts中比较重要的标签,完成各种逻辑运算操作,可以直接支持全局调转. 2.1<logic:present><l ...