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& ...
随机推荐
- Machine Schedule
Machine Schedule Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) ...
- 【BZOJ】1069: [SCOI2007]最大土地面积(凸包+旋转卡壳)
http://www.lydsy.com/JudgeOnline/problem.php?id=1069 显然这四个点在凸包上,然后枚举两个点找上下最大的三角形即可. 找三角形表示只想到三分QAQ.. ...
- SecureCrt脚本(一)顶级对象之Crt
Crt自动化 测试 SecureCrt脚本 JS脚本 1.引言 2.关于脚本表头 3.顶级对象'crt'的子属性和方法 3.1.属性 3.1.1.Dialog 3.1.2.Screen 3.1.3 ...
- MATLAB的使用总结
Log scale %# some random data x = .^(:); y = rand(size(x)); plot(log2(x), y) %# plot on log2 x-scale ...
- HDU 1251 统计难题(Trie模版题)
统计难题 Time Limit: 4000/2000 MS (Java/Others) Memory Limit: 131070/65535 K (Java/Others) Total Subm ...
- HDU 1257 最少拦截系统(Dilworth定理+LIS)
最少拦截系统 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Sub ...
- zend framerwork2.X系列安装创建应用
1. 到https://github.com/zendframework/ZendSkeletonApplication下载zip包,解压到你服务器的根目录. 2. 打开windows的cmd,cd到 ...
- 【转】jsonp详解
原文地址:http://www.cnblogs.com/yuzhongwusan/archive/2012/12/11/2812849.html json相信大家都用的多,jsonp我就一直没有机会用 ...
- PHP常用验证正则表达式
PHP常用验证正则表达式 数字.手机号.QQ号.Url地址合法性校验 1.验证是否为整数 1 function isNumber($val) 2 { 3 if(ereg("^[0-9]+$& ...
- Yii源码阅读笔记(十二)
Action类,控制器中方法的基类: namespace yii\base; use Yii; /** * Action is the base class for all controller ac ...