// 根据父级元素的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,不用加#号,
生成的对象打印出来是这样的。

本文介绍了一种使用jQuery遍历表单中输入字段的方法,并进行数据验证。通过检查每个字段是否为空,若全部非空,则将字段名和值组成对象返回;若有空字段,则返回false。示例代码展示了如何在具体的HTML表单结构中应用此方法。

451

被折叠的 条评论
为什么被折叠?



