Tenho uma função em jQuery, que quando o usuário clica no botão próximo ele dispara um e-mail.
Quando clicar no botão eu preciso que ele verifique os campos Nome, Email e Telefone foram preenchido e caso não tenha sido preenchido informar em baixo do input Por favor preencha o campo x
$("#proximo").click(function(){
var settings = {
// "async": true,
// "crossDomain": true,
"url": "script.php",
"method": "POST",
"headers": {
"Content-Type": "application/x-www-form-urlencoded",
},
"data": {
"nome": $("#nome").val(),
"email": $("#email").val(),
"celular": $("#celular").val()
}
};
$.ajax(settings).done(function (response) {
console.log(response);
});
});
<form method="post">
<label>Nome Completo*</label>
<input id="nome" minlength="5" type="text" class="form-control" name="nome" placeholder="Nome Completo*">
<label>E-mail Válido*</label>
<input id="email" type="email" class="form-control" name="email" placeholder="Email Válido*">
<label>Telefone Válido*</label>
<input id="celular" type="text" class="form-control" name="celular" placeholder="Telefone">
<button type="button" name="submit" class="next action-button" id="proximo" value="Próximo"> Próximo</button>
</form>