Как предотвратить перезагрузку/перенаправление моей веб-страницы скриптом приложения Google после отправки данных формы..?

Я использую скрипт приложения Google для отправки данных формы на мою электронную почту. Это контактная форма веб-страницы. Но по умолчанию после нажатия кнопки отправки он переходит на другую страницу и показывает странное сообщение «результат: успех». Я хочу предотвратить эту перезагрузку или перенаправление. Как я могу это сделать?

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>

Я могу добавить предупреждение, используя событие onclick, но перезагрузка все равно происходит. Пожалуйста, предоставьте код javascript для предотвращения поведения по умолчанию для этой формы.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
20
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я смог обойти это раньше, переместив кнопку отправки из формы.

<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>

Если это не сработает, вы можете попробовать использовать target для скрытого iframe.

target = "iframe" работает... большое спасибо... этот метод действительно прост и может сделать страницу более легкой, уменьшив внешний файл js... проверьте метод здесь stackoverflow.com/a/49825752/17396777

Soumya Roy 05.05.2022 21:52

Другие вопросы по теме