Eu tenhoTenho uma função em jQueryjQuery, que quando o usuário clica no botão "próximo"próximo ele dispara um e-mail, porém quando.
Quando clicar no botão eu preciso que ele verifique se foi preenchido o campo "Nomeos campos Nome, EmailEmail e Telefone"Telefone foram preenchido e caso não tenha sido preenchido informar em baixo do input "Por favor preencha o campo x", não faço a mínima ideia de como fazer isso em jQueryinput 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>