Skip to main content
removeu 34 caracteres do conteúdo
Fonte Link
Erlon Charles
  • 5,5mil
  • 11
  • 30
  • 48

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>

Eu tenho uma função em jQuery, que quando o usuário clica no botão "próximo" ele dispara um e-mail, porém quando clicar no botão eu preciso que ele verifique se foi preenchido o campo "Nome, Email e Telefone" 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 jQuery

$("#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>

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>

Fonte Link
Jvs Corrêa
  • 315
  • 4
  • 12

Validar campos com jQuery

Eu tenho uma função em jQuery, que quando o usuário clica no botão "próximo" ele dispara um e-mail, porém quando clicar no botão eu preciso que ele verifique se foi preenchido o campo "Nome, Email e Telefone" 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 jQuery

$("#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>