필드가 선택된 경우에만 양식 제출을 허용하는 방법

Question

최종 사용자가 동적으로 작성한 몇 가지 선택 필드가 있으며이를 제어하는 ​​유일한 방법은 속성 클래스를 추가하는 것입니다. 이 클래스 이름을 사용하여 표시됩니다. 내가 원하는 것은 사용자가 지금 구매를 누르면 모든 선택 필드가 선택된 값을 가질 때 양식이 제출 될 때뿐입니다. 그것들이 선택되지 않았거나 htem 중 하나가 선택되지 않았다면 폼은 false를 반환하고 그에 따라 동작합니다.

문제는 if 문에서 this.val이 비어 있는지 확인하고 false를 반환하면 작동하지 않습니다. 제출을 누르면 페이지가 처리됩니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

감사합니다.

이것은 내 코드입니다.

$(document).ready(function() { 
     $(".btnbuy").click(function() { 

      $(".attribute").each(function() { 

       if($(this).val() == '') { 
         $(this).css('border','2px solid red'); 
         return false; 
       } 
       else { 
        return true; 
       } 

      }); 


     }); 


}); 

Answer 1

이

$(document).ready(function() { 
    $(".btnbuy").click(function() { 
     var r = true; 
     $(".attribute").each(function() { 
      if ($(this).val() == '') { 
       $(this).css('border', '2px solid red'); 
       r = false; 
      } 
     }); 
     return r; 
    }); 
}); 

시도