Tengo un problema al configurar un formulario en mi sitio web. Quiero agregar dos formularios separados en mi sitio web, lo cual hice, usando algo de HTML y CSS. Esos formularios necesitan enviar información a un webhook -> también funciona (ya que se recopila) PERO tan pronto como presiono enviar, se redirige a la página principal del sitio web, por lo que no hay conversión (lo cual es una pena) y muy mal entrada de mí. Por favor, préstenme su inteligencia, ya que debo ser el mejor idiota que existe.
<form name='myForm' data-form-id='IdFromWebhook' action='WebhookLink' method='post' onsubmit="return false"> <div class="row"> <div class="col-lg-12"> <div class="form-group text_box"> <label for='EMAIL_ADDRESS'>E-mail: </label><input id='insightly_email' name='email' type='text' required> </div> </div> <div class="col-lg-6"> <div class="form-group text_box"> <label for='FIRST_NAME'>First name: </label><input id='insightly_firstName' name='firstName' type='text' required> </div> </div> <div class="col-lg-6"> <div class="form-group text_box"> <label for='LAST_NAME'>Last Name: </label><input id='insightly_lastName' name='lastName' type='text' required> </div> </div> <div class="col-lg-4"> <div class="form-group text_box"> <label for='Language__c'>Choose a language: </label> <select id='insightly_language' name='language' required><option value='EN'>EN</option><option value='FR'>FR</option><option value='DE'>DE</option></select> </div> </div> </div> <!--Bouton d'envoi--> <div style="display:flex;justify-content:center"><input class="btn_three" type='submit' value='Submit'></div></form>Use event.preventDefault() esto detendrá la redirección:
formReference.onsubmit = (event) => { event.preventDefualt() }