Código de JavaScript - Enviar un formulario automáticamente una vez introducidos todos los valores

Pos: 5

Val: 1.807

Ha mantenido su posición en JavaScript (en relación al último mes)

Enviar un formulario automáticamente una vez introducidos todos los valores

JavaScript

(2)

Publicado el 31 de Enero del 2019 por Xavi (548 códigos)

1.907 visualizaciones desde el 31 de Enero del 2019

Este código muestra como enviar un formulario una vez se hayan introducido todos los valores esperados, sin tener que pulsar ningún botón.
Para este ejemplo, se espera la entrada de tres caracteres.

1
(2)

Publicado el 31 de Enero del 2019

gráfica de visualizaciones de la versión: 1

1.908 visualizaciones desde el 31 de Enero del 2019

<!DOCTYPE html>

<html>

<header>

    <meta charset="utf-8">

</header>

<body>

<form action="validar.php">

    <div>

        <label>Codigo de acceso:</label> <input type="text" size="4" maxlength="3" id="codigo">

    </div>

</form>

<script>

document.getElementById("codigo").addEventListener("keyup",validar);

function validar(e)

    // comprobamos que se hayan introducido tres valores

    if(e.composedPath()[0].value.length==3)

        // recorremos el DOM hasta encontrar el primer form y enviamos el formulario

        e.composedPath().forEach(function(value){

            if(value.submit)

                value.submit();

});

</script>

</body>

</html>

Comentarios sobre la versión: 1 (2)

Ivan Díaz

31 de Enero del 2019

Muchas gracias, muy útil.

Responder

ScriptShow

2 de Febrero del 2019

Muy útil y adaptable...

Responder

Comentar la versión: 1


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s5048

Mover la bola al pasar el ratón por encima

Gráfico de barras con Canvas, leyenda y tooltip

Código de JavaScript - Enviar un formulario automáticamente una vez introducidos todos los valores

1(2)

Comentarios sobre la versión: 1 (2)

Comentar la versión: 1

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

1
(2)