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

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

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

        });

    });


<!-- language: lang-html -->

    <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>

<!-- end snippet -->