js遍历表单中所有的input的name与值，并创建一个对象，需要jquery插件

分手后的思念是犯贱 2021-06-26 16:06 375阅读 0赞

// 根据父级元素的ID，来遍历ul li列表中的input name 和val 生成对象，如果全部为空则返回false
    function ergodicData(dom){  
      xDOM = $("#"+dom +" input")
      var formdata = { }
      for (var i = 0; i < xDOM.length; i++) { 
        var a = xDOM.eq(i).attr('name')
        if (xDOM.eq(i).val() == "") { 
          return false;
        }else{ 
          formdata[a] = xDOM.eq(i).val()
        }
      }
      return formdata;
    }

`html`结构

<form id="adduse_text">
          <div class="mdui-textfield">
            <label class="mdui-textfield-label">姓名</label>
            <input class="mdui-p-x-1 mdui-textfield-input " type="text" value="" name="user">
          </div>
          <div class="mdui-textfield">
            <label class="mdui-textfield-label">账号</label>
            <input class="mdui-p-x-1 mdui-textfield-input " type="text" value="" name="user_num">
          </div>
          <div class="mdui-textfield">
            <label class="mdui-textfield-label">手机</label>
            <input class="mdui-p-x-1 mdui-textfield-input " type="text" value="" name="phone">
          </div>
          <div class="mdui-textfield">
            <label class="mdui-textfield-label">密码</label>
            <input class="mdui-p-x-1 mdui-textfield-input " type="password" value="" name="password">
          </div>
          <div class="mdui-textfield">
            <label class="mdui-textfield-label">再次输入密码</label>
            <input class="mdui-p-x-1 mdui-textfield-input " type="password" value="" name="confirm_password">
          </div>
        </form>

获取对象

ergodicData("adduse_text")
    //这里填上包裹着所有input的最大的元素的id，不用加#号，

生成的对象打印出来是这样的。  
![在这里插入图片描述][20190702210445999.png]

[20190702210445999.png]: /images/20210626/62ab61808430460ebc859d4e6df88404.png