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

Question

[Алексей Смирнов]

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

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

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

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

Comments

[Андрей]

Почему Вас не устраивает вариант перезагрузки страницы ?

[Алексей Смирнов]

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

Answer 1

[Алексей]

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

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

Comments

[Алексей Смирнов]

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

[Алексей]

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

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

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

[Алексей Смирнов]

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

[Алексей]

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

[Andrew Dabich]

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

[Алексей Смирнов]

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

[Алексей]

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

[Алексей Смирнов]

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

[Алексей]

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

[Алексей Смирнов]

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

[Алексей]

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

[Алексей Смирнов]

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

[Алексей]

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

[Алексей]

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

[Алексей Смирнов]

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

[Алексей]

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

[Алексей Смирнов]

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