2

estoy tratando de modificar el valor de un input usando Javascript pero luego de modificarlo si hago click en enviar o en otro input mi valor ingresado se borra.

Estoy utilizando este codigo:

var inputElement = document.getElementById("day");
inputElement.value = "1";

Alguien sabe que podrá ser, si me estoy olvidando algo o si el sitio web utiliza alguna proteccion para que no pueda ser modificado los inputs ?

Edit: El formulario lo mando simplemente haciendo click en el boton registrarse:

document.querySelector(".Button-sc-qlcn5g-0.kHvryD").click()

Trate de hacer esto:

document.querySelector(".Button-sc-qlcn5g-0.kHvryD").addEventListener("submit", function(event) {
    event.preventDefault()
  });

Pero aun asi se resetean los valores a los determinados. Y el sitio por si es www.spotify.com/signup

6
  • Es el comportamiento normal si el input está en un formulario por ejemplo. Considera usar event.preventDefault().
    – A. Cedano
    Commented el 8 jun. 2023 a las 22:28
  • debes usar event.preventDefault(); para evitar este comportamiento por defecto. en internet hay muchos ejemplos como estos. Commented el 8 jun. 2023 a las 22:29
  • Entiendo, deberia aplicar eso para cada input o para el formulario en sí ? Intente ambas pero aun asi se siguen reseteando los valores ante cualquier click en el sitio 🤔
    – John
    Commented el 8 jun. 2023 a las 22:35
  • No para todos los elementos, sino en la función Javascript que escucha los clicks o los envíos de esos elementos. Ese dato falta en tu pregunta, por tanto no podemos decirte dónde debes ponerlo. Pulsa en editar y agrega un Ejemplo Mínimo y Verificable.
    – A. Cedano
    Commented el 8 jun. 2023 a las 23:05
  • Ahi edite el post con info sobre como hago click y como trate de hacer el preventDefault()
    – John
    Commented el 8 jun. 2023 a las 23:18

1 respuesta 1

1

Necesitas asociar la escucha del evento submit al formulario en donde se encuentra el botón, no al botón mismo. Para ello, puedes hacer uso del método closest(), con el cual, ya teniendo ubicado el botón, puedes acceder al elemento más cercano al mismo que coincida con el parámetro que le pases, específicamente un selector CSS, que, en este caso, puede ser form o el identificador del formulario (si lo tuviera).

Eso sería más o menos así:

const form = document.querySelector(".Button-sc-qlcn5g-0.kHvryD").closest("form");

form.addEventListener("submit", function(event){
    event.preventDefault();
});

También podrías delegar el evento submit al documento y, mediante una estructura condicional, verificar si el elemento directamente afectado (que sería el formulario) es el formulario en cuestión, para lo cual te convendría emplear su identificador.

document.addEventListener("submit", event => {
    if (event.target.id == "ID del formulario"){
        event.preventDefault();
    }
}, false);

O bien puedes directamente tomar el formulario por su identificador y poner a escuchar el evento submit en él:

const form = document.querySelector("#ID del formulario");

form.addEventListener("submit", function(event){
    event.preventDefault();
});

Tú decides cuál forma utilizar.

Un saludo

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.