Hola a todos. Tengo un problema con JS.
Les comento. Tengo un formulario con un solo campo y un boton y quiero que si se detecta vacio, no se envie el formulario, ya sea al dar clic en el boton enviar o al dar enter en el input text
Ya lo tengo hecho para que lo haga con el boton pero no se bien como hacerlo con el input text pues si le dan enter no checa si esta vacio y se envia el formulario de todas maneras.
Les dejo el codigo:
Código HTML:
<head>
<script>
function vacios(){
var name= formulario.nombre.value;
if (name!= ""){
formulario.submit();
}
else{
alert("Llene todos los campos por favor");
}
}
</script>
</head>
<body>
<form id="formulario" method="post" action="acciones.php">
Nombre: <input type="text" id="nombre" name="nombre" value="" onkeydown="javascript:if(event.keyCode == 13){vacios();}" /> <!--Este es el que no funciona -->
<input type="button" id="guardar" value="Enviar nombre" onclick="vacios();" /> <!-- Este si funciona --> El problema como les digo, es que no logro hacer que al presionar enter en el input text, ejecute la funciona correctamente pues si por ejemplo dejo el campo vacio, si me muestra el mensaje de "Llene los campos" pero de todos modos se ejecuta el formulario y envia a su destino
¿Qué me falta allí para que funcione correctamente?