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)
  • 相关阅读:
    Java 网络编程:(四)通信要素2:网络协议
    Java 网络编程:(三)通信要素1:IP和端口号
    Java 网络编程:(二)网络编程&网络通信
    学习进度条35
    学习进度条34
    学习进度条33
    学习进度条32
    学习进度条31
    学习进度条30
    学习进度条29
  • 原文地址:https://www.cnblogs.com/zishan/p/6149720.html
Copyright © 2011-2022 走看看