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

  • 相关阅读:
    [网络流24题(1/24)] 最小路径覆盖问题(洛谷P2764)
    Codeforces 1082 G(最大权闭合子图)
    bzoj 1497(最大权闭合图/最小割)
    loj 515(bitset优化dp)
    bzoj 3998 (后缀自动机)
    HDU 6071(同余最短路)
    SPOJ COT2 (树上莫队)
    Atcoder Grand Contest 20 C(bitset优化背包)
    hdu 6480-6489 (2018 黑龙江省大学生程序设计竞赛)
    POJ 2594 Treasure Exploration(可重点最小路径覆盖)
  • 原文地址:https://www.cnblogs.com/java-llp/p/10794324.html
Copyright © 2011-2022 走看看