43 - Evento submit (DOM)
Problema:
Implementar un formulario que solicite la carga del nombre de un usuario y su clave. No enviar los datos al servidor hasta que cargue los dos datos por teclado.
pagina.html
estilos.css
funciones.js
Ejecución de la página
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Prueba</title> </head> <body> <form action="#" method="post" id="formulario"> <p>usuario:<input type="text" name="usuario" id="usuario" size="20"></p> <p>clave:<input type="password" name="clave" id="clave" size="20"></p> <p><input type="submit" value="Entrar"></p> </form> <script src="funciones.js"></script> </body> </html>
document.getElementById('formulario').addEventListener('submit', (e) => { let nom = document.getElementById('usuario') let cla = document.getElementById('clave') if (nom.value == '' || cla.value == '') { alert('debe ingresar los dos datos') e.preventDefault() return false } else return true })
No tiene disponible el navegador la capacidad de iframe
Retornar