Estoy usando el script de la aplicación de Google para enviar datos de formulario a mi correo electrónico. Es un formulario de contacto de una página web. Pero de forma predeterminada, después de presionar el botón Enviar, se lleva a una página diferente y muestra un mensaje extraño de "resultado: éxito". Quiero evitar que se recargue o redirija. ¿Cómo puedo hacer eso?
HTML
<form id="email-form" class="gform" action="https://script.google.com/macros/s/AKfyJu890G2t-RuhJxTNIA/exec" method="post"> <div class="email-name"> <input id="name" name="name" type="text" class="form-control" placeholder="write name" autocomplete="off"> </div> <div class="email-main"> <input id="email" name="email" type="text" class="form-control" placeholder="write email" autocomplete="off"> </div> <div class="email-subject"> <input id="subject" name="subject" type="text" class="form-control" placeholder="write related sub" autocomplete="off"> </div> <div class="email-message"> <textarea id="message" name="message" class="form-control" placeholder="write message here"></textarea> </div> <button id="send-email" type="submit">SUBMIT EMAIL</button> </form>Puedo agregar una alerta usando el evento onclick pero aún así ocurre la recarga. Proporcione código javascript para evitar el comportamiento predeterminado de este formulario.
He podido evitar esto antes moviendo el botón Enviar fuera del formulario.
<form id="email-form" class="gform" action="https://script.google.com/macros/s/AKfyJu890G2t-RuhJxTNIA/exec" method="post"> <div class="email-name"> <input id="name" name="name" type="text" class="form-control" placeholder="write name" autocomplete="off"> </div> <div class="email-main"> <input id="email" name="email" type="text" class="form-control" placeholder="write email" autocomplete="off"> </div> <div class="email-subject"> <input id="subject" name="subject" type="text" class="form-control" placeholder="write related sub" autocomplete="off"> </div> <div class="email-message"> <textarea id="message" name="message" class="form-control" placeholder="write message here"></textarea> </div> </form> <button id="send-email" type="submit">SUBMIT EMAIL</button> Si eso no funciona, puede intentar usar target en un iframe oculto.