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& ...
随机推荐
- GSS系列(1)——GSS1&&GSS3
题意:询问一个区间内的最大连续子段和(GSS1),并且有单点修改的操作(GSS2). 思路:这个题目在老人家的大白鼠里出现过,不过那个是求两个下标,并且相同取更小值.——传的东西更多,判断也稍微繁琐一 ...
- Activity 生命周期及其栈管理方式
Activity 生命周期 Android 系统用栈的形式管理 Activity , 当新的 Activity 被创建是, 会被放置到栈顶, 这个 Activity 会进入到运行状态, 而前一个 Ac ...
- JAVA获取两个List<String>中不同的数据
效率非常不错 测试结果: 1.list1中有97277条数据,list2中有37894条数据,两个list进行对比找出不同的数据共60000条左右,用时:0.051秒 2.list1中有97277条数 ...
- HDU 4417 Super Mario(划分树+二分)
题目链接 #include <cstdio> #include <cstring> #include <algorithm> using namespace std ...
- Bestcoder Round# 80
[1003 Sequence] 指数循环节,注意a mod p = 0的情况.此时你的循环节如果返回0,这时你会输出1,而实际上应该是0 #include <algorithm> #inc ...
- Asp.Net:GridView 编辑、删除、自定义分页以后备用
页面 GridView 绑定:在中,有 <asp:BoundField/>和 <asp:TemplateField><ItemTemplate>嵌套服务器控件 &l ...
- UnrealEngine4 PBR Shading Model 概述
虽然是概述,但内容并还是有些多,写上一篇PBR概念概述后,也在考虑怎么继续下去,最后还是觉得先多写一些东西再慢慢总结,所以还是尽量把这些年PBR相关的Paper精粹沉淀下来吧. 因为UE4 ...
- 【翻译】Kinect v2程序设计(C++) BodyIndex篇
通过Kinect SDK v2预览版,取得BodyIndex(人体区域)的方法和示例代码. 上一节,介绍了从Kinect v2预览版用Kinect SDK v2预览版获取Depth数据的方法. 这 ...
- 微信的User-Agent
Mozilla/5.0 (Linux; U; Android 5.0.2; zh-cn; MI 2C Build/LRX22G) AppleWebKit/533.1 (KHTML, like Geck ...
- nginx location 匹配顺序
location 匹配的原型是这样的:location [=|~|~*|^~|@] /uri/ { … } “=”是精确匹配“@”是命名的location ,在正常的location 匹配中不会使用, ...