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") == ‘1‘){
                      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") == ‘1‘){
                      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="1"/>
                        </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="1"/>
                        </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="1" isFloat="1" minVal="0" maxVal="100000000"/> (万元)
                            </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="1" isFloat="1" minVal="0" maxVal="1000000"/> (元/月)
                        </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="1" isPositiveInteger="1" minVal="1" maxVal="120" 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="1" />
                        </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[‘100002‘],
                                function() {
                                    //关闭TAB 刷新列表
                                    closeTabAndRes();
                                });//保存成功
                    }else {
                        globalUtil.errorMsg(globalErrorMsg[‘100012‘]); //保存失败
                        $("#tb_btn").css("display","");//显示按钮
                    }
                });
时间: 2024-10-21 17:08:24

js获取div中的文本框数据的相关文章

js 选中div中的文本

function selectText(element) { var text = document.getElementById(element); if (document.body.createTextRange) { var range = document.body.createTextRange(); range.moveToElementText(text); range.select(); } else if (window.getSelection) { var selecti

关于js中获取div中的数据

最近用js写了一个计算器的页面.基本上使用到了,ul  li的几点用法.用来布局,并且创造出了很不错的鼠标悬停效果. 关于从中学到的知识: document.getelementbyid("ddhdh").innerHTML  可以获取到div中的全部数据,包括标签...但是只是在IE和OPERA中使用 document.getelementbyid("ddhdh").innerTEXT  可以获取到div中的文本数据,不会获取到标签...但是只是在IE和OPERA

js获取表格中的数据 以及 表格中checkbox选中一行数据

前言 不知道是不是大家也遇到过类似的表单,但我绝对是第一次见,如下图所示,表单中包含了表格. 上图中的表格数据是根据数据库中学生表而变化的,这增加了获取表中数据的复杂程度,这里仅仅是记录js如何获取数据传值到后端的办法,所以,仅以表格中张三.李四为例. 示例代码 html <div class="modal-body"> <form id="exam-score-add-form" class="smart-form">

js自动过滤替换页面文本框和文本域内容中的特殊字符并进行提示

在开发java web页面时需要校验用户的输入内容是否合法,在进行校验时我们可以单独把校验特殊字符这块抽取出来,只需要在每个页面引用下该js即可实现校验不需要再页面设置其他东西,js会自动捕捉页面文本框和文本域,同时也方便了以后代码的复用. 代码如下: var tagname=''; var attrid=''; var tagvalue=''; document.oninput = function(e){ var o = e.srcElement || e.target; getValue(

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

获取不到富文本框中的值,网上一搜一堆,但最终没有几个能解决问题的,折腾一番最终解决.注意就是红色代码,加上之后就可以解决问题了. KindEditor.ready(function (K) { var editor1 = K.create('#AContents', { cssPath: '/Content/kindeditor/plugins/code/prettify.css', uploadJson: '/Content/kindeditor/asp.net/upload_json.ash

名称案例-使用keyup事件实现1 和 名称案例-使用watch监听文本框数据的变化2

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue.js"></script></head><body><div id="app"> <in

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

这篇文章主要介绍了Asp.net中使用文本框的值动态生成控件的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下 看到一个网友,有论坛上问及,动态的生成checkbox控件,在文本框中输入一个"花"字,点一下"生成"按钮,就会在下面生成一个checkbox,它的text属性是"花".再输入一个"鸟",点一下按钮,就会生成第二个checkbox控件,text属性是"鸟"... Insus.NET的解决方法

JS将光标移动到文本框后面

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascrip

html5与js关于input[type=&#39;text&#39;]文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value点击全选状态onclick=&quot;select();&quot;。做购物车页面时会要用到。

关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="select();".做购物车页面时会要用到. input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange: 1.onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次