Estou tentando criar uma validação simples de dois campos, onde eu verifico apenas se existe um valor ou não, porém o segundo if só é executado depois de passar pela verificação do primeiro.
Eu queria que os dois fossem disparados ao mesmo tempo, qual seria a forma mais prática de fazer isso?
Segue o exemplo da minha validação atual:
$(document).ready(function(){
$('#formLogin').on('submit', function(e){
if($('#txtLogin').val() == ''){
e.preventDefault();
if (!$('.err-text').length) {
$('#txtLogin').closest('.login__column').append(`<span class="err-text">*E-mail incorrecto.
<br>Ingresa un E-mail válido para participar.</span>`);
}
} else {
$('#txtLogin').next('.err-text').remove();
}
if($('#txtSenha').val() == ''){
e.preventDefault();
if (!$('.err-text').length) {
$('#txtSenha').closest('.login__column').append(`<span class="err-text">*Contraseña incorrecta.
<br>Ingresa una contraseña válida para participar.</span>`);
}
} else {
$('#txtSenha').next('.err-text').remove();
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="formLogin">
<div class="login__column">
<input type="text" id="txtLogin">
</div>
<div class="login__column">
<input type="text" id="txtSenha">
</div>
<button type="submit">Enviar</button>
</form>