前端JS批量添加校验数据唯一性

摘要:
i<eq(“+inputindex+”)“).val(”“);$(this).vval(”“”);=null&=“”&&function(){varianputval=$(this”).val);inputtype=“text”name=“lishival”value=“”id=“jl”>

<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>

<center>
记录:
<input type="text" name="lishival" value="" id="jl">
<br/>
<input type="text" value=""> <br/>
<input type="text" value=""> <br/>
<input type="text" value=""> <br/>
<input type="text" value=""> <br/>
<input type="text" value=""> <br/>
</center>


/* layui.use(['form', 'layedit', 'laydate'], function(){
var form = layui.form
form.on('submit(formSubmit)', function(data) {
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){

}
})
});
return false;
}); */

免责声明:文章转载自《前端JS批量添加校验数据唯一性》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇字符串转换成JSON的三种方式调用微信扫一扫功能,踩坑'invalid signature'下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

提高iOS开发效率的第三方框架等--不断更新中。。。

1. Mantle Mantle 让我们能简化 Cocoa 和 Cocoa Touch 应用的 model 层。简单点说,程序中经常要进行网络请求,请求到得一般是 json 字符串,我们一般会建一个 Model 类来存放这些数据。这就要求我们编写一系列的序列化代码,来把 json 转换为 Model 。这很费时间,容易错,不容易修改。 Mantle 很好...

JS控制div跳转到指定的位置的解决方案总结

总结一下自己在写这个需求遇到的问题,相信大家应该是经常遇到的。即要求滚轮滚动到指定的位置。先看下基本的解决方案。 1.给链接a加个#的方式来实现跳转。(锚点方法)这里直接贴下代码:    html页面: <div id="container"> <a href="http://t.zoukankan.com/jtjds-...

反向代理软件之HAproxy高级功能及配置

基于cookie的会话保持 cookie value:为当前server指定cookie值,实现基于cookie的会话黏性,相对于基于 source 地址 hash 调度算法对客户端的粒度更精准,但同时也加重了haproxy负载,目前此模式使用较少, 已经被 session共享服务器代替 注意:不支持 tcp mode,使用 http mode 配置选项...

UniAPP 利用sqlite保存数据

背景:利用uniapp开发一个APP,APP需要在断网的情况下,临时保存数据,把数据保存在uniapp的sqlite里面,这样可以随时的取到所保持的数据。 1.在uniapp的工程中需要添加sqlite数据库,如下图   2.在uniapp的共同组件中添加下面文件。 function openComDB(name, path, callback) {...

微信浏览器禁止页面下拉查看网址(不影响页面内部scroll)

开发项目跑在微信浏览器经常会遇到一个问题,微信浏览器下拉的时候会出现自带的黑色底色(显示网址)如下图: 此类事件是手机touchmove默认事件行为,可以通过js代码隐藏事件: $(‘body’).on(‘touchmove’, function (event) {event.preventDefault();}); or document.addEve...

Delphi跨进程间消息通讯

多个不同进程之间的消息传递有多种方式,但若传递的信息量不大,借用WINDOW的消息机制不失为一种简易有效的方法, 01. 注意 PostMessage  与 SendMessage 之间的异同;   PostMessage: 异步消息模式,负责向指定的句柄发送消息,不等待结果直接返回;         一般适用于进程内的信息传递处理;(如多个不同线程向主线...