자바 스크립트 다중 입력 텍스트 영역 유효성 확인

Question

양식의 TEXTAREA에 'n'숫자가 있습니다. 사용자가 TEXTAREA에 값을 입력 한 후에 다른 값의 중복이 아닌지 확인해야합니다.

예 :

TEXTAREA_1 value = 
10 
20 
30 
40 
10 

그것은 경고하고 말을해야 '값을 10 번 이상 입력했습니다'. 자바 스크립트를 도와주세요.

Answer 1

var nums = textarea.value.split('\n').sort(); 
var prev; 
for (var i = 0; i < nums.length; i++) { 
    if (prev && nums[i] == prev) { 
     alert('value ' + prev + ' was entered more than once'); 
     break; 
    } 
    prev = nums[i]; 
} 

Answer 2

순수 DOM/JS 솔루션 :

<form id="foo"> 
    <textarea id="numbers-textfield" cols=40 rows=20>10 
    20 
    30 
    40 
    50 
    60 
    60</textarea> 
    <br> 
    <input type=submit value=submit> 
</form> 
<script> 
    (function() { 
    var form = document.getElementById('foo'), 
     textarea = document.getElementById('numbers-textfield'), 
     inArray = function(value, arr) { 
     for (var i = arr.length; i--;) { 
      if (value == arr[i]) { 
      return true; 
      } 
     } 
     return false; 
     } 


    form.onsubmit = function() { 
     var value = textarea.value.split(/\s+/), len = value.length, stack = [], errors = false; 


     for (var i = 0; i<len; ++i) { 
     var isNum = !isNaN(value[i]); 
     if (!isNum) { continue; } 
     if (errors) { break; } 
     if (!inArray(value[i], stack)) { 
      stack.push(value[i]); 
     } else { 
      errors = true; 
      alert(value[i] + ' already in stack'); 
     } 
     } 

     if (errors) { 
     return false; 
     } 

    } 

    })(); 
</script> 

Answer 3

$(function() { 
    $("form").submit(function() { 
    var txt = $("#TEXTAREA_1"); 
    var vals = txt.val().split("\n"); 
    var len = vals.length; 

    for(var i = 0; i < len; i++) { 
     for(var j = i + 1; j < len; j++) { 
     if(vals[i] === vals[j]) { 
      alert("Duplicate values are not allowed"); 
      txt.select(); 
      return false; 
     } 
     } 
    } 
    }); 
}); 

It works