Estaba tratando de cambiar de forma al hacer clic en el botón.
Funcionó bien pero con error:
An invalid form control with name='firstName' is not focusable. Para cada entrada presente en ese formulario.
¿Hay alguna forma de pasar de un formulario a otro sin recibir ningún error?
let formChange = document.getElementsByClassName("formChange"); let createAccSignVar = "true"; let signINForm = document.getElementsByClassName("signINForm")[0]; let signUPForm = document.getElementsByClassName("signUPForm")[0]; function toggleSignINUPForms(e) { signUPForm.style.display = createAccSignVar ? "none" : "block"; signINForm.style.display = createAccSignVar ? "block" : "none"; createAccSignVar = !createAccSignVar; e.preventDefault() } formChange[0].addEventListener("click", toggleSignINUPForms) formChange[1].addEventListener("click", toggleSignINUPForms) .signINForm { display: none; } <form action="#" method="post" class="signINUPForm signUPForm"> <input type="text" name="firstName" id="firstName"> <label for="firstName">First Name</label> <button class="formChange">Change to Form 2</button> </form> <form action="#" method="post" class="signINUPForm signINForm"> <input type="text" name="lastName" id="lastName" placeholder=" "> <label for="lastName">Last Name</label> <button class="formChange">Change to Form 1</button> </form> El error no se mostró en la consola del editor de código VS sino en la consola del navegador.
Aquí está la imagen de la consola
Gracias por la ayuda de antemano
