批量添加前台js校验唯一性

<script type="text/javascript">
//维护删除数组中的某一项
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","5","6");
var insertarr="";
var input=document.getElementsByTagName("input");
$(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>

猜你喜欢

转载自www.cnblogs.com/java-llp/p/10873524.html