批量添加前台js校验唯一性，前台批量循环添加name【0】后台集合获取

/*************************初始化添加*************************************/

//维护删除数组中的某一项

Array.prototype.remove = function(val) {
var index = this.indexOf(val);
if (index > -1) {
this.splice(index, 1);
}
};
//array.remove('1');
//ajax从数据库模拟查出来的数据
var array=new Array(1,2,3,4);
var insertarr="";
var input=$("input[name=bbh]");
$(function(){
for(var i=0;i<input.length;i++){
//定位input
$("input:eq("+i+")").attr("index",i);
//改变的时候进行验证
$("input:eq("+i+")").on("change", function() {
var inputval=$(this).val();
//var inputindex=$(this).attr("index");
if($.inArray(inputval, array)=='-1'){//如果不包含在数组中,则返回 -1;
insertarr=inputval;
}else{
alert("请重新填写")
//$("input:eq("+inputindex+")").val("");
//$("input:eq("+inputindex+")").focus();
$(this).val("");
insertarr="";
}
if(insertarr!=null&&insertarr!=""){
array.push(insertarr);
}
//改变的同时删除数组中的值维护一个数组
if($("#jl").val()!=""&&insertarr!=$("#jl").val()){
array.remove($("#jl").val());
}
});
//获取焦点的时候进行验证
$("input:eq("+i+")").on("focus", function() {
var inputval=$(this).val();
$("#jl").val(inputval)
});
}
})

</script>
</head>
<body>
<center>
记录:
<input type="text" name="lishival" value="" id="jl">
<br/>
<input type="text" class="yz" value=""> <br/>
<input type="text" class="yz" value=""> <br/>
<input type="text" class="yz" value=""> <br/>
<input type="text" class="yz" value=""> <br/>
<input type="text" class="yz" value=""> <br/>
</center>

</body>

------------------------------------layui批量添加时------------------------------

</tr>
</tbody>
</table>
</center>
<br/>
<div class="layui-form-item">
<div class="layui-input-block">
<button id="enterSubmit" class="layui-btn" lay-submit lay-filter="formSubmit" >立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>

//维护删除数组中的某一项
var array=new Array();
Array.prototype.remove = function(val) {
var index = this.indexOf(val);
if (index > -1) {
this.splice(index, 1);
}
};

$(function(){
$.post("bb/bbhs/${fbh}",{},function(data){
for(var i=0;i<data.length;i++){
if(data[i]['lx']==2){
array.push(data[i]['bbh'])
}
}
})
})

var insertarr="";
function bbchange(obj){
var inputval=$(obj).val();
if($.inArray(inputval, array)=='-1'){
insertarr=inputval;
}else{
alert("该包号存在请重新填写")
$(obj).val("");
array.remove($("#jl").val());此处存在小小bug已解决。上边是直接初始化。获取焦点后记录里的值竟然清空了所以在清空获取焦点之前把记录项删除
$(obj).focus();
insertarr="";
}
if(insertarr!=null&&insertarr!=""){
array.push(insertarr);
}
if(insertarr!=$("#jl").val()){
array.remove($("#jl").val());
}
}

function bbonfocus(obj){
var inputval=$(obj).val();
$("#jl").val(inputval)
}

</tr>
</tbody>
</table>

/********************checkbox和input混合批量添加***********************************/

function sub() {
var i = 0;
var divArr = $("#Form .div");
$.each(divArr, function(i, n) {
var input = $(this).find("input:eq(0)");
var input1 = $(this).find("input:eq(1)");
var input2 = $(this).find("input:eq(2)");
var input3 = $(this).find("input:eq(3)");
var input4 = $(this).find("input:eq(4)");
var input5 = $(this).find("input:eq(5)");
$(input).attr("name", "h[" + i + "].name");
$(input1).attr("name", "h[" + i + "].happyAll");
$(input2).attr("name", "h[" + i + "].happyAll");
$(input3).attr("name", "h[" + i + "].happyAll");
$(input4).attr("name", "h[" + i + "].happyAll");
$(input5).attr("name", "h[" + i + "].happyAll");

});
//表单提交
//alert($("#Form").html())
document.Form.action = "${pageContext.request.contextPath}/happy/oneSave.do";
document.Form.submit();

/* $.ajax({
url : "${pageContext.request.contextPath}/happy/oneSave.do",
data : $("#Form").serialize(),
dataType : "json",
type : "post",
success : function(res) {
for(var i=0;i<res.list.length;i++){
$("input[value='"+res.list[i]+"']").prop("checked",true);

}

}
})
*/
}

<h3>给予多选框一个字段提交</h3>
<form id="Form" name="Form" action="" method="post">

/***************针对一个文本框校验是否重复***********************/

var lessonName=new Array();
$.each($("input[name='project_code']"),function(i,n){
lessonName.push(n.value);
})
var repeatName="";
var hash = {};
for(var i=0;i<lessonName.length;i++){
if(!hash[lessonName[i]])
{

//不重复
hash[lessonName[i]]=true;
}
else{

//重复
repeatName+=lessonName[i]+"、";
}
}
if(repeatName!=""){
alert("项目名称存在重复！");
return false;
}
$.ajax({
url:"work_log/doAdd",
data:$("#addform").serialize(),
dataType:"json",
type:"POST",
success:function(data){

},error:function(r){

}
})
});

posted @ 2019-05-16 08:48 小农_码阅读(513) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

小农_码

批量添加前台js校验唯一性，前台批量循环添加name【0】后台集合获取

公告