WebSite X5Help Center

 
Marta S.
Marta S.
User

Eliminar datos de formulario cesta compra cart1  es

Autor: Marta S.
Besucht 164, Followers 1, Geteilt 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

Gepostet am
5 ANTWORTEN
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ES

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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Marta S.
Marta S.
User
Autor

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

Gracias

Mehr lesen
Gepostet am von Marta S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ES

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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats 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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪