tengo múltiples campos de selección en el formulario, estos campos se agregan de forma dinámica, pueden haber desde 2 hasta 4, lo que busco es un método para validar todos los campos select por medio de jquery, por el momento tengo un código que si bien funciona al detectar los campos vacíos, el demás código me sigue ejecutando y lo que quiero es que el código pare hasta que todos campos estén validados. Muchas gracias por la ayuda.
$('.slt_d').change(function(e){
$('.slt_d').find("option:selected").each(function(){
if ($(this).val().trim() == '') {
alert('falta un campo');
}
})
//debe ejecutarse el otro codigo si todos los campos estan completos;
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="slt_d">
<option value="">Seleccione un dato</option>
<option value="1">Dato 1</option>
<option value="2">Dato 2</option>
</select>
<select class="slt_d">
<option value="">Seleccione un dato</option>
<option value="a">Dato A</option>
<option value="b">Dato B</option>
</select>
//demas select