JQuery가 유효성 검사에서 하나의 필드를 제외합니다.

Question

이 코드를 사용하여 체크 아웃 양식의 유효성을 검사했습니다. 그러나 필요하지 않은 분야가 하나 있습니다. 다른 모든 필드가 필요합니다. 이 필드를 제외하도록 코드를 수정하고이 필드가 채워져 있고 비어 있지 않은 경우에만 '유효한'클래스를 추가하십시오.

내가 할 수있는 팁이 있습니까?

// Validate checkout fields 
$('#checkout-data input').each(function() { 
    $(this).change(function() { 
     if($(this).val().length < 1) { 
      $(this).removeClass('valid').addClass('invalid'); 
     } else { 
      $(this).removeClass('invalid').addClass('valid');  
     } 
    }); 
}); 

Answer 1

는

또한

$('#checkout-data input.required').each(function() { 
    $(this).change(function() { 
     if(this.value.length < 1) { 
      $(this).removeClass('valid').addClass('invalid'); 
     } else { 
      $(this).removeClass('invalid').addClass('valid');  
     } 
    }); 
}); 

같은 $.each()의 필요가 없습니다, 같은 코드를 변경 한 후 required input fields에 required 클래스를 추가하고

$('#checkout-data input.required').change(function() { 
    if(this.value.length < 1) { 
     $(this).removeClass('valid').addClass('invalid'); 
    } else { 
     $(this).removeClass('invalid').addClass('valid');  
    } 
}); 

Live Demo

Answer 2

not() 메소드 또는 : not 선택기를 사용하십시오.

$('#checkout-data input').not('.exclude')each(function() {