前提・実現したいこと
初学者で、初めて質問させていただきます。
現在、お問い合わせフォームをgoogle formと連結させ、回答完了画面をgoogleform
に遷移させないというのを行っております
formタグへのtarget属性やその為のjavascriptを記入を行ったのですが、ボタンを押しても専用ページへ遷移せず反応すらしません
googleで検索したのですが、対処法が中々わかりませんでした。
どのように対処を行ったらよろしいでしょうか?
発生している問題・エラーメッセージ
エラーメッセージ
docs.google.comを待機していますというのが表示されました。
該当のソースコード
<section id="formWrapper">
<div class="row mt-5" >
<div class="col-lg-12">
<div class="text-center col-lg-12 pb-4>
<h2>お問い合わせ</h2>
</div>
<script> function sendGform(){ document.myForm.submit(); document.getElmentById('message').style.display = 'none'; document.getElementById('thxMessage').style.display = 'block'; } </script><div class="form-kerri contact_form"> <div id="message"></div> <form action="https://docs.google.com/forms/u/0/d/e/1FAIpQLSdumlVgKDqlxWRG8RJdos2xmEo5NZh64PXUcNMj-VbuBPIOhw/formResponse?edit2=2_ABaOnuc-eRF6wf07_Y0QRll3YEudVQvV0jTkJmqmrmcE" method="post" name="myForm" target="dummyIframe"> <div class="row"> <div class="col-lg-12"> <div class="form-group my-2"> <p>お名前</p> <input name="entry.2005620554" id="name" type="text" class="form-control" placeholder="お名前はこちら" required /> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="form-group my-2"> <p>メールアドレス</p> <input name="entry.1045781291" id="email" type="email" class="form-control" placeholder="メールアドレスはこちら" value="" required /> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="form-group my-2"> <p>電話番号</p> <input name="entry.1166974658" id="tel-number" type="tel" class="form-control" placeholder="電話番号はこちら" > </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="form-group my-2"> <p>要望</p> <textarea name="entry.839337160" id="comments" rows="4" class="form-control" placeholder="要望をご記入ください"></textarea> </div> </div> </div> <div class="row"> <div> <input type="submit" id="submit" name="send" class="submitBnt btn btn-custom text-uppercase" value="Submit" onclick="sendGform()"> </div> <div id="simple-msg"></div> </div> </form> <iframe name="dummyIframe" style="display:none;"></iframe> </div> </div> </div> </section> <div id="thxMessage" style="display:none;">お問い合わせ有り難うございました</div>
ソースコード
### 試したこと scriptの記述位置を変えた id名を見直した ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。
あなたの回答
tips
プレビュー