유효성 검사를 위해 모든 텍스트 상자를 반복하는 방법

Question

내 웹 페이지에 동적 인 Textboxes이 약 50 Textboxes입니다.

사용자는 Textboxes에 주문 번호를 설정할 수 있습니다. 나는 오직 3 개의 주문 번호 만 & 중복 항목을 설정할 수 있도록해야합니다. 따라서 사용자는 전체 텍스트 상자에 1, 2 & 3을 입력 할 수 있습니다. 그가 어딘가에 4에 들어가면, 그는 실수를해야합니다. 텍스트 상자의 나머지 부분은 기본값으로 0입니다.

값이 4보다 크지 않은지 확인하기 위해 모든 텍스트 상자를 반복하는 방법 & 중복 항목이 없음 & 텍스트 상자가 비어 있지 않습니까?

Answer 1

나는이 일을 더 우아한 방법이 확신 해요,하지만 여기에 "정직"방법이있다 :

function validateTextBoxes() { 
    var values = []; 
    var isError = false; 
    var atLeastOneFilled = false; 

    $('input[type=text]').each(function (idx, elem) { 
     var val = $(elem).val(); 

     if (isNaN(val)) { 
      isError = true; // input is not a number 
     } else // a number 
     { 
      var intVal = Number(val); 
      if (!isInt(intVal)) { 
       isError = true; // not an interger 
      } else { 
       if (intVal !== 0) // default 
       { 
        atLeastOneFilled = true; 

        if (intVal > 3 || intVal < 0) { 
         isError = true; // not in range 
        } else if (values.indexOf(intVal) > -1) { 
         isError = true; // duplicate 
        } else { 
         values.push(intVal); 
        } 
       } 
      } 
     } 
    }); 

    return atLeastOneFilled && !isError; 
} 

function isInt(n) { 
    return n % 1 === 0; 
} 

JSFIDDLE.