フォームに表示されている要素のみを検証する

Question

ステップフォームでnext buttoonをクリックしてフォーム要素を検証する必要があります。私はすべての隠されたフィールドを検証しているフォローコードを使用しています。助けが必要。

$('.msf-form .btn-next').on('click', function() {         
    var parent_fieldset = $(this).parents('fieldset'); 
    var next_step = true; 


    parent_fieldset.find('.is_required').each(function() { 
     if($(this).val() == "") { 
      $(this).focus().css('border','1px solid #F44336'); 
      $(".error-messages-slct").text("Please Select an option in the list").fadeIn(); 
      next_step = false; 
     } 
     else{ 
     $(this).focus().css('border','0px solid #F44336'); 
     $(".error-messages-slct").empty().fadeOut(); 

    } 
    }); 

    parent_fieldset.find('.is_required1').each(function() { 
     if($(this).val() == "") { 
      $(this).focus().css('border','1px solid #F44336'); 
      $(".error-messages-slct1").text("Select an option in the list").fadeIn(); 
      next_step = false; 
     } 
     else{ 
     $(this).focus().css('border','0px solid #F44336'); 
     $(".error-messages-slct1").empty().fadeOut(); 

    } 
    }); 

    if(next_step) { 
     parent_fieldset.fadeOut(400, function() { 
      $(this).next().fadeIn(); 
     }); 
    } 

}); 

Answer 1

あなたはセレクタ後:visibleを追加することができます。事前に感謝..ここ

は私のコードです。この参照を使用します。..

Use it like this

Answer 2

を代わりにクラスの.is_required1' と '.is_required」の各要素の上に行こうと、あなただけ（ある）であるこれらの要素（複数可）のためにそれを行う必要があり、現在、可視。このために追加のクラスを使用するか、displayプロパティを照会することができます。

minksmnmの提案を考慮すると、表示可能な要素のみを選択するには、 `` find（ '。is_required'） `の代わりにfind('.is_required:visible')を使用できます。他の場所では、あなたの発見は隠されたものも取得し、それらも検証します。