Как сделать, чтобы при нажатии кнопки «Готово» форма Google опустошалась бы?

Question

Алексей Смирнов @ERAFY

Google Forms

Как сделать, чтобы при нажатии кнопки «Готово» форма Google опустошалась бы?

Здравствуйте.
Есть такая форма:
jsfiddle.net/2xjeG/2
При нажатии кнопки "Готово" данные введенные в эту форму попадают вот сюда:
https://docs.google.com/forms/d/1OmJRt1A9OA4G2Asj-...

Мне нужно, чтобы при нажатии кнопки "Готово" введенные данные не только отправлялись бы на сервер Google, но и все установленные "галочки" (checkbox), а также введенный текст в текстовое поле ("Что вы знаете о нем?") "опустошались".
Под словом "опустошались" имеется в виду, чтобы все приходило к исходному состоянию (без установленных галочек и без введенного в форму текста).

Код кнопки "Готово" располагается в самом низу приведенной ссылки jsfiddle.

P.S. Только без PHP, пожалуйста.

Вопрос задан более трёх лет назад
3981 просмотр

2 комментария

Подписаться 3 Оценить 2 комментария

Решения вопроса 1

17 комментариев

Алексей Смирнов @ERAFY Автор вопроса

@algreenzer Я эту форму не только в jsfiddle тестировал, а еще просто в браузере, там также работает.
Думаю что необходимость нажатия пользователем дополнительной кнопки будет не удобна. К тому же у меня потом будет модальное окно поясняющее пользователю что его ответ засчитан.

Написано более трёх лет назад
Алексей @algreenzer

Вот такой вариант нашел на jQuery

$('#myform').trigger( 'reset' );

Вот отсюда: javascript.ru/forum/jquery/11765-ochistka-formy-sr...

Написано более трёх лет назад
Алексей Смирнов @ERAFY Автор вопроса

@algreenzer Вы хорошую кнопку предложили. Но мне все же хотелось бы чтобы и при нажатии "Готово" происходил сброс.

Написано более трёх лет назад
Алексей @algreenzer

Или
jQuery('form')[0].reset();

Написано более трёх лет назад
Andrew Dabich @dabich

@ERAFY Можно скрыть кнопку reset и при нажатии Готово, запускать событие .click() для reset.

Написано более трёх лет назад
Алексей Смирнов @ERAFY Автор вопроса

@algreenzer А как это вариант: $('#myform').trigger( 'reset' ); применить к моему случаю? Не могли бы написать в jsfiddle.

Написано более трёх лет назад
Алексей @algreenzer

@ERAFY Ну для этого нужно подключить JQuery, если она у вас не подключена. Думаю можно сделать без подключения. Сейчас попробую.

Написано более трёх лет назад
Алексей Смирнов @ERAFY Автор вопроса

Она у меня подключена))
Впрочем любой вариант рабочий в jsfiddle, на примере моего кода, меня устроит.

Написано более трёх лет назад
Алексей @algreenzer

@ERAFY Получилось очищать форму, если в Input "готово" написать onclick="document.getElementById('myform').reset()"
Сейчас попробую дописать функцию алерта вашего, чтобы и форма очищалась и алерт отображался.

Написано более трёх лет назад
Алексей Смирнов @ERAFY Автор вопроса

@algreenzer Да впрочем если затруднительно, то можно и без алерта. Мне просто не удобно много времени у вас занимать.
А можно посмотреть что у вас получилось?

Написано более трёх лет назад
Алексей @algreenzer

@ERAFY Я к сожалению не специалист, чтобы с ходу выдать правильное красивое решение, но я пытаюсь помочь, только потому что самому интересно. Пока смотрел варианты, как делают другие, многому научился)) Вот рабочий вариант с onClick jsfiddle.net/2xjeG/5
Я только присвоил форме ID 'myform' и вместо diplay_alert(); написал onclick="document.getElementById('myform').reset()"

Написано более трёх лет назад
Алексей Смирнов @ERAFY Автор вопроса

@algreenzer В вашем варианте теперь все очищается, только теперь вроде данные перестали отправляться на сервер Google.

Написано более трёх лет назад
Алексей @algreenzer

@ERAFY Возможно прямой сброс формы через событие onClick заменяет собой саму отправку данных.

Написано более трёх лет назад
Алексей @algreenzer

@ERAFY Вот проверьте пожалуйста этот вариант: jsfiddle.net/2xjeG/6
Сбрасывание происходит, сообщение выводится. Интересно, работает ли передача данных.

Написано более трёх лет назад
Алексей Смирнов @ERAFY Автор вопроса

@algreenzer К сожалению передача данных на Гугл не работает. Проверил как и в jsfiddle так и отдельно в браузере.
Я думаю что если и в jsfiddle не работает то и просто в браузере не заработает.

Написано более трёх лет назад
Алексей @algreenzer

@ERAFY Лично я не доверяю ничему, кроме хостинга, на котором будет работать скрипт или сайт. Пока не проверю на живом тестовом сайте, не спешу с выводами. Думаю в функции которую я написал не хватает проверки отправки данных до очистки формы, но с этим я не помощник. Погуглите "проверка отправки данных формы javascript" - может быть есть такое решение.

Написано более трёх лет назад
Алексей Смирнов @ERAFY Автор вопроса

@algreenzer Я тут заметил что оказывается в твоем варианте, сначала происходит очищение формы, а уже потом данные (пустые) из очищенной формы отправляются на сервер Google. Это хорошо видно по Excel файлу:
https://docs.google.com/spreadsheet/ccc?key=0ApUv4...

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

Google Apps Script

+1 ещё

Средний
Как сделать тег определенной роли в Discord в зависимости от выбора варианта в форме?
- 1 подписчик
- 07 апр.
- 18 просмотров
1

ответ
Google Apps Script

+2 ещё

Простой
Как изменить сохранение ответов на гугл диск в гугл форме?
- 1 подписчик
- 03 апр.
- 30 просмотров
1

ответ
Google Sheets

+1 ещё

Простой
Форма перестала записывать данные в таблицу ответов. Как исправить?
- 1 подписчик
- 16 февр.
- 141 просмотр
2

ответа
Discord

+1 ещё

Простой
Как сделать выдачу ответов Google Forms в строку?
- 1 подписчик
- 02 янв.
- 111 просмотров
1

ответ
Google Forms

Простой
Что за параметры при отправке гугл-формы?
- 1 подписчик
- 06 дек. 2023
- 79 просмотров
2

ответа
Google Sheets

+1 ещё

Простой
Можно ли привязать ответы из разных разделов Forms к одному столбцу в Таблицах?
- 1 подписчик
- 26 окт. 2023
- 129 просмотров
1

ответ
Google Forms

Простой
Есть ли сервисы для создания анкет-опросников с полем для примечания?
- 1 подписчик
- 27 сент. 2023
- 41 просмотр
0

ответов
Google Sheets

+1 ещё

Средний
Как исправить заполнение строк в Google таблице по средствам формы, чтобы не создавалась новая строка?
- 1 подписчик
- 06 сент. 2023
- 116 просмотров
1

ответ
PHP

+1 ещё

Простой
Есть ли готовая библиотека на php чтобы отравлять данные в Google Forms?
- 1 подписчик
- 21 авг. 2023
- 133 просмотра
0

ответов
Google Sheets

+1 ещё

Средний
Как создать плоскую таблицу из ответов гугл формы с полем флажков?
- 1 подписчик
- 11 авг. 2023
- 129 просмотров
0

ответов
Показать ещё Загружается…

Маркетолог

Fancy state • Москва

от 60 000 до 80 000 ₽

Специалист по контекстной рекламе, SEO

Rails • Ларнака

от 50 000 ₽

Аналитик (продуктовый) в Habr

Хабр • Москва

от 70 000 до 100 000 ₽

Разработка бота в Telegram (POIZON)

16 апр. 2024, в 06:30

30000 руб./за проект

Исправить ошибку в пагинации 1с-битрикс

16 апр. 2024, в 05:27

500 руб./за проект

Ментор по программированию

16 апр. 2024, в 04:35

10 руб./в час

Почему Вас не устраивает вариант перезагрузки страницы ?
@OLS Он у меня уже есть, но перезагрузка сама по себе не быстрая (тестировал).

Answer 1 · 2014-04-10 11:35:23

А вы код тестите в jsiddle? По идеи реальная форма после отправки будет опустошаться вместе с перезагрузкой страницы.

Если нет, то как вариант можно сделать кнопку "Сбросить" - это будет более понятно для пользователя, чем простое исчезновение текста.
<input type="reset" name="del" value="Сбросить" />

Как сделать, чтобы при нажатии кнопки «Готово» форма Google опустошалась бы?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт