WebSite X5Help Center

 
Marta S.
Marta S.
User

Eliminar datos de formulario cesta compra cart1  es

Autor: Marta S.
Visitado 133, Followers 1, Compartido 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

Publicado en
5 RESPUESTAS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ES

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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Marta S.
Marta S.
User
Autor

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

Gracias

Leer más
Publicado en de Marta S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ES

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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes 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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪