zoukankan      html  css  js  c++  java
  • 前端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>

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


    /* 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;
    }); */

  • 相关阅读:
    工作计划
    bzoj3626:[LNOI2014]LCA
    bzoj3631:[JLOI2014]松鼠的新家
    bzoj3573: [Hnoi2014]米特运输
    bzoj4027,[HEOI2015]兔子与樱花
    bzoj3624,[Apio2008]免费道路
    bzoj2208连通数
    tyvj1153/洛谷P1262间谍网络
    Application server libraries not found && IntelliJ IDEA && tomcat
    debian9安装java8
  • 原文地址:https://www.cnblogs.com/java-llp/p/10794324.html
Copyright © 2011-2022 走看看