Entfernen Sie Validierungsfehlermeldung vor onClick, wenn es die Bedingung erfüllt

Question

Ich möchte die Fehlermeldung entfernen, wenn es die Bedingung vor onClick Funktion erfüllt. Jetzt entfernt es die Fehlermeldung onClick Funktion, wenn es die Bedingung erfüllt. Brauche Hilfe. Vielen Dank im Voraus

$('.msf-form .btn-next').on('click', function() { 

var parent_fieldset = $(this).parents('fieldset'); 

var next_step = true; 

if (!$('input[name="abc"]:checked').val()) { 

$(".error-messages-abc").html("<img src='assets/img/er2.png'> 

Please Select").fadeIn(); 

next_step = false; 

} 

else { 

$(".error-messages-abc").empty().fadeOut(); 

    } 

if(next_step) { 

     parent_fieldset.fadeOut(400, function() { 

      $(this).next().fadeIn(); 

     }); 

    } 

}); 

Answer 1

können Sie versuchen, auf Änderungsfunktion der Kontrollkästchen hinzufügen und überprüfen Sie die gleiche Bedingung, die Sie nach dem Klick-Ereignis verwendet haben.

$(document).ready(function(){ 
    $('input[name="abc"]').on("change",function(){ 
     if(!$('input[name="abc"]:checked').val()){ 
      $(".error-messages-abc").html("<img src='assets/img/er2.png'> 
      Please Select").fadeIn(); 
      //Just check validation in this function 
      //next_step = false; 
     }else{ 
      $(".error-messages-abc").empty().fadeOut(); 
     } 
    }); 
}); 

Dies wird Ihnen direkt ein Ergebnis oder eine Fehlermeldung Onclick-Funktion nach Bedarf geben vor dem Aufruf, so haben Sie einen Blick und lassen Sie mich wissen, ob dies oder nicht funktioniert.