WebSite X5Help Center

 
Marta S.
Marta S.
User

Eliminar datos de formulario cesta compra cart1  es

Auteur : Marta S.
Visité 179, Followers 1, Partagé 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

Posté le
5 RéPONSES
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ES

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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Marta S.
Marta S.
User
Auteur

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

Gracias

Lire plus
Posté le de Marta S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ES

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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪