zoukankan      html  css  js  c++  java
  • 判断多行文本框是否重复输入

    HTML部分

    <p class="psy"><span>sn:</span><input type="text" class="intx" oninput="checkSame()"><span></span></p>
    <p class="psy"><span>sn:</span><input type="text" class="intx" oninput="checkSame()"><span></span></p>
    <p class="psy"><span>sn:</span><input type="text" class="intx" oninput="checkSame()"><span></span></p>
    <p class="psy"><span>sn:</span><input type="text" class="intx" oninput="checkSame()"><span></span></p>
    <p class="psy"><span>sn:</span><input type="text" class="intx" oninput="checkSame()"><span></span></p>
    <p class="psy"><span>sn:</span><input type="text" class="intx" oninput="checkSame()"><span></span></p>
    
    <span id="cc" style=" display:block; line-height:50px; 200px;color:red; border:#036 solid 1px;">456</span>

    JavaScript部分,引入jQuery

    function checkSame(){
           var dataArray = new Array();
           var inputArray = $(".intx");
           for(var i = 0; i<inputArray.length; i++){
                dataArray[i] = inputArray[i].value;
           } 
           checkArray(dataArray);
          
    }
    
    function checkArray(someArray){
        var newArray = someArray.sort();
           for(var i=0;i<newArray.length;i++){
               if(newArray[i] == newArray[i+1] && newArray[i]!=0){
                    $('#cc').html('sn重复输入');
                    break;
               }else{
                    $('#cc').html('sn可用');
               }
           }
    }


    获取捕捉元素如果出错,用$('div').eq(i)
  • 相关阅读:
    php设计模式之桥接模式
    php设计模式适配器模式
    php设计模式之装饰器模式
    php设计模式之策略模式
    php设计模式之责任链模式
    Graphics.DrawString 方法
    算法7-10:拓扑排序
    一年成为Emacs高手(像神一样使用编辑器)
    动态规划0—1背包问题
    辛星解读为什么PHP须要模板
  • 原文地址:https://www.cnblogs.com/zishan/p/6149720.html
Copyright © 2011-2022 走看看