WebSite X5Help Center

 
Marta S.
Marta S.
User

Eliminar datos de formulario cesta compra cart1  es

Author: Marta S.
Visited 142, Followers 1, Shared 0  

Hola a todos!!

estoy intentando insertar con código para que los datos del formulario en la cesta de compra (nombre, apellidos, correo) en cart1 desaparezcan pasados 5 segundos pero no tengo claro el nombre del campo que deseo que se borre (como está escrito en Webiste). 

esto es lo que por ahora tengo, debo modificar algún campo? Muchas gracias 

```html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Formulario con eliminación automática</title>

    <script>

        // Función para borrar los datos del formulario

        function limpiarFormulario() {

            document.getElementById("miFormulario").reset();

        }

        // Temporizador para borrar los datos después de 5 segundos

        function iniciarTemporizador() {

            setTimeout(limpiarFormulario, 5000); // 5000 milisegundos = 5 segundos

        }

    </script>

</head>

<body onload="iniciarTemporizador()">

    <h1>Formulario</h1>

    <form id="miFormulario">

        <label for="nombre">Nombre:</label>

        <input type="text" id="nombre" name="nombre"><br><br>

        <label for="email">Correo Electrónico:</label>

        <input type="email" id="email" name="email"><br><br>

        <input type="submit" value="Enviar">

    </form>

</body>

</html>

```

**Cómo funciona:**

  1. El evento `onload` en la etiqueta `<body>` ejecuta la función `iniciarTemporizador()` cuando la página se carga.
  2. La función `iniciarTemporizador()` utiliza `setTimeout` para llamar a la función `limpiarFormulario()` después de 5 segundos.
  3. La función `limpiarFormulario()` resetea el formulario utilizando el método `.reset()`.

Puedes ajustar el tiempo cambiando el valor en `setTimeout`. Espero que te sea útil y que la magia del código haga tu día más llevadero

Posted on the
5 ANSWERS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ES

... LINK  CART...?...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Marta S.
Marta S.
User
Author

Hola! Me refiero a la cesta de la compra, en  el paso 1 , rellenar datos.

Gracias

Read more
Posted on the from Marta S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ES

(It > Es) ... OK ... ... por mi parte, cuando, y si, publiques el ENLACE, volveré aquí...
.
HOLA, ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ES
Marta S.

.... OK... este es mi invento para esta página:
https://www.bcn-fitness.es/cart/index.html#step1
(E-commerce: carrello e checkout) (x Propiedades | Experto | /HEAD)

<script>
$( document ).ready(function() {//K>;
/** -- svuota form_mail x WSx5 by KolAsim -- **/
ritardoK = 3;
//-----------------------------------
anchorK = location.hash;
alert(anchorK);
if(anchorK == "#step1"){ //K1>;
setTimeout(function() {//K2<;
$("#cart-content .user-form input,#Note").val("")
},ritardoK * 1000);//K2<<;
};//K1<<;
});//K<<;
//-----------------------------------
$(window).on("hashchange", function() {//hashchange>;
/** -- svuota form_mail x WSx5 by KolAsim -- **/
ritardoK= 3;
//-----------------------------
anchorK = location.hash;
if (anchorK == "#step1"){ //K1>;
setTimeout(function() { //K2>;
$("#cart-content .user-form input,#Note").val("")
},ritardoK * 1000);//K2<<;
};//K1<<;
});//hashchange<<;
</script>

.

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪