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

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

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <html>
    <body>
    <form id="api_crud_form" name="api_crud_form" action="https://www.google.es">
    Nombre: <input type="text" name="nombre" id="nombre"><br>
        <input type="submit" value="Enviar">
    </form>
    </body>
    </html>

    <script type="text/javascript">
    $(document).ready(function () {
     $('#api_crud_form').on('submit', function (event) {
                event.preventDefault();
                if ($('#nombre').val() == '') {
                    alert("Ingresar Nombre");
                } 
                else{
                  alert("se envio los datos");
                }
        });
      });

    </script>

<!-- end snippet -->

> Aqui esta un pequeño ejemplo

**Es  un ejemplo que valida si el <input> este vacio pero no valida si insertar espacios vacios**

> Como puedo validar los espacios vacios