Я использую скрипт приложения 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 для предотвращения поведения по умолчанию для этой формы.
Я смог обойти это раньше, переместив кнопку отправки из формы.
<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