码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-12-09 16:34:29      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:border   bsp   文本   pre   oninput   var   blog   rip   war   

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

 

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

标签:border   bsp   文本   pre   oninput   var   blog   rip   war   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!