form提交

来源：互联网发布：淘宝真丝客服沟通技巧编辑：程序博客网时间：2024/06/05 17:55

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>form序列化提交</title>
</head>
<body>
<form id="form">
<div class="all one">
<input type="text" name="mingzi" placeholder="名字">
<input type="text" name="age" placeholder="年龄">
<input type="text" name="sex" placeholder="性别">
<input type="text" name="work" placeholder="工作">
<input type="password" name="pasw" placeholder="密码">
</div>
<div class="all two">
<input type="text" name="mingzi" placeholder="名字">
<input type="text" name="age" placeholder="年龄">
<input type="text" name="sex" placeholder="性别">
<input type="text" name="work" placeholder="工作">
<input type="password" name="pasw" placeholder="密码">
</div>
<div class="all three">
<input type="text" name="mingzi" placeholder="名字">
<input type="text" name="age" placeholder="年龄">
<input type="text" name="sex" placeholder="性别">
<input type="text" name="work" placeholder="工作">
<input type="password" name="pasw" placeholder="密码">
</div>
</form>
<button>提交</button>
<script type="text/javascript" src="Scripts/jquery-1.12.2.js"></script>
<script type="text/javascript">
$("button").click(function(){
var data = $("form").serializeArray();
console.log(data);
var everyNum = 5;
var groupNum = data.length/everyNum;
var arr=[];
var i = 0,num = -1;
var kk='';
var list=[];

$.each(data,function (k,v){
kk=v.name;
if(i % everyNum == 0){
if(list[num] != everyNum){
arr.splice(num,1);
}
num++;
arr[num] = {};
list[num] = 0;
}
if(v.value != ""){
arr[num][kk]=v.value;
list[num]++
}
i++;
});
//判断最后一个
if(list[num] != everyNum){
arr.splice(num,1);
}
//请求
for (var i = 0; i <=arr.length; i++) {
console.log(arr[i]);
}

})
</script>
</body>
</html>

阅读全文

0 0