43 - Evento submit (DOM)



Problema:Confeccionar un formulario que solicite ingresar dos veces una clave. Mostrar un mensaje y no enviar los datos al servidor si las claves ingresadas son distintas.
<!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>clave:<input type="password" name="clave1" id="clave1" size="20"></p>
        <p>repita clave:<input type="password" name="clave2" id="clave2" 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 cla1 = document.getElementById('clave1')
    let cla2 = document.getElementById('clave2')
    if (cla1.value != cla2.value) {
        alert('debe ingresar las dos claves iguales')
        e.preventDefault()
        return false
    } else
        return true
})
Ver solución


Retornar