首页 > 其他 > 详细

判断多行文本框是否重复输入

时间:2016-12-09 16:33:56      阅读:238      评论:0      收藏:0      [点我收藏+]

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; width: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可用‘);
           }
       }
}

 

判断多行文本框是否重复输入

原文:http://www.cnblogs.com/zishan/p/6149720.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!