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