GoogleフォームをMonacaで開発中のアプリに組み込みたいと模索しております。
送信が完了するとGoogleのサイトへリダイレクトされ送信完了メッセージが表示されてしまうため、リダイレクトをカットしてアラートで送信完了の旨を表示させたく、以下のサイトを参考にして下記のようなコードとなりました。
https://blog.webjeda.com/google-form-customize/
Googleフォームを使ってみる&カスタマイズしてみる
しかしこのコードですと肝心なフォームの入力欄が表示されない状態となってしまいます。
ブラウザの検証モードで調べますと、フォームに関するタグがすべて読み込まれていない状態となっています。
入力欄が表示され、送信が完了するとアラートで「送信完了」と出るのが理想的なのですが、どのようにすれば実現可能でしょうか?
よろしくお願いいたします。
HTML
1<body> 2 3<script type="text/javascript">var submitted=false;</script> 4<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted){alert('送信が完了しました')};"></iframe> 5 6<form action="formResponseのURLがここに入る" method="POST" id="ss-form" target="hidden_iframe" onsubmit="submitted=true"> 7 8 <label>お名前</label> 9 <input name="entry〜〜が入る" type="text" /> 10 11 <label>メールアドレス</label> 12 <input name="entry〜〜が入る" type="email" /> 13 14 <label>ご意見</label> 15 <textarea name="entry〜〜が入る" type="email" required /></textarea> 16 17 <input type="submit" value="Send" /> 18 19</form> 20 21</body> 22
追記
上記コードのうち、最初の2行(scriptタグの行とiframeの行)を削除するとformが正しく読み込まれます。この2行が送信完了時のリダイレクトをカットするコードです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。