WebSite X5Help Center

 
Marta S.
Marta S.
User

Eliminar datos de formulario cesta compra cart1  es

Autor: Marta S.
Visitado 163, Seguidores 1, Compartilhado 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 em
5 RESPOSTAS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ES

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

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Marta S.
Marta S.
User
Autor

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

Gracias

Ler mais
Publicado em de Marta S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ES

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

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês 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

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪