Контроль формы отправки формы - PullRequest
Новая
       13

Контроль формы отправки формы

0 голосов
/ 18 октября 2011

Я пытаюсь использовать Форма Документов Google на пользовательской странице HTML. До сих пор я создал онлайн-форму и извлек часть <form> из ее источника.

Пока работает отлично, за исключением того, что переносит всю страницу на страницу подтверждения Google.

То, чего я хотел бы достичь, это либо:

  1. не для перехода на страницу подтверждения Google, а просто для отображения небольшого уведомления о том, что форма была отправлена ​​(например, с помощью Colorbox)
  2. или, если это невозможно, по крайней мере, сделайте окно подтверждения в новом окне с контролируемыми размерами

Для объяснения моей идеи

Это ссылка на живую страницу оригинальной формы: оригинальная форма страницы

Вот часть извлеченной формы: 

<form action="https://docs.google.com/spreadsheet/formResponse?formkey=dG94WjlHTzljMHdMTEZ1ek1SY0c2NVE6MQ&amp;ifq" method="POST" id="ss-form">
    <label class="ss-q-title" for="entry_0">Sample Question 1</label>
    <label class="ss-q-help" for="entry_0"></label>
    <input type="text" name="entry.0.single" value="" class="ss-q-short" id="entry_0"></div></div></div>
    <input type="hidden" name="pageNumber" value="0">
    <input type="hidden" name="backupCache" value="">
    <input type="submit" name="submit" value="Submit">
</form>

Есть ли способ контролировать, как происходит действие отправки?

Я знаю, target="_blank" работает и для форм, но я считаю, что должен быть более сложный контроль над тем, что происходит, когда кто-то нажимает на кнопку Submit .

Подводя итог

Я бы хотел отобразить подтверждение формы в Colorbox при отправке данных в бэкэнд Google, без отображения внешнего интерфейса Google. Есть ли простой способ решить эту проблему?

1 Ответ

0 голосов
/ 18 октября 2011

Вы упомянули Colorbox - это именно то, что я использую.

Все, что вам нужно сделать, это открыть ссылку на исходную страницу формы с помощью параметра href при создании экземпляра Colorbox. Также, когда вы открываете внешние страницы, вам нужно использовать режим iframe.

Пример: 

$.colorbox({href:"https://docs.google.com/spreadsheet/viewform?formkey=dG94WjlHTzljMHdMTEZ1ek1SY0c2NVE6MQ", iframe:true});

Когда вы отправляете форму, вы видите страницу подтверждения Google в Colorbox, а затем пользователь может легко закрыть ее. Вы должны быть в состоянии дать колонтитулу подпись, чтобы проинструктировать их при необходимости. (Используя заголовок: ?? Может быть?)

...