送信ボタンを押しても反応しない
-
フォームに、チェックボックスかプルダウンリストが存在すると、送信ボタンが押せない状態となります。
それ以外のオブジェクトを使用した場合は問題ないように思われます。本事象はバージョン1.0.12と1.0.13 で確認しています。
-
ご指摘ありがとうございます。
ただ手元のテスト環境では問題が再現できておりません。「送信ボタン」というのは確認画面に出力される「この内容で送信」ボタンのことと考えてよろしいでしょうか?
また、ボタンが「押せない」というのはどういう状況でしょう?
disabledになって反応しないということでしょうか?そのあたりの詳細な情報のほか、ご使用のメールフォームのソース(CF7フォーム編集画面のテキストエリアの内容)を貼っていただければ検証してみます。
ご確認有難うございました。
当方の環境か、記述方法に問題があるのかもしれませんね。
テスト用に以下サイトを作成しましたが、チェックボックスかドロップダウンリストを使用すると、「入力内容を確認する」ボタンを押しても確認画面が表示されずすぐ送信されてしまいます。(前回ご連絡時と挙動が変わりました。前回は別のフォームで確認したのですが、「この内容で送信」ボタンは表示されていますが、押しても無反応でした)
https://tmp.hiwave.or.jp/hdic/event/5522/?apply=on
ご必要でしたら送信して確認されても結構です。
入力されたメールアドレスに自動返信メールを送りますので、ご担当者のメアドを利用されるのが良いと思います。なお、当方では以下のバージョンを使用しています。
?WordPress:バージョン5.9
?PHP:7.4.24
?Contact Form 7:バージョン5.5.5
?Confirm Plus Contact Form 7:バージョン1.0.12以下に、ContactForm7への入力内容を転記します。
<div class="wpcf7c-elm-step1"> <p class="form_text text01">下記のフォームにご入力いただき、「入力内容を確認する」ボタンをクリックしてください。</p> <div class="form_flow_box"> <ul class="clear"> <li class="active"><span><span>内容入力</span></span></li> <li><span><span>入力内容確認</span></span></li> <li><span><span>送信完了</span></span></li> </ul> </div> </div> <div class="wpcf7c-elm-step2"> <p class="form_text text01">下記の入力内容をご確認いただき、こちらの内容で問題なければ「送信する」ボタンをクリックしてください。</p> <div class="form_flow_box"> <ul class="clear"> <li><span><span>内容入力</span></span></li> <li class="active"><span><span>入力内容確認</span></span></li> <li><span><span>送信完了</span></span></li> </ul> </div> </div> <div class="wpcf7c-elm-step3"> <div class="form_flow_box"> <ul class="clear"> <li><span><span>内容入力</span></span></li> <li><span><span>入力内容確認</span></span></li> <li class="active"><span><span>送信完了</span></span></li> </ul> </div> </div> <div class="form_table apply_table wpcf7c-elm-step1 wpcf7c-elm-step2"><input type="hidden" name="your-subject" value="[wpcf7_event_name]"><input type="hidden" name="event-url" value="[wpcf7_event_url]"> <table> <tr> <th><span class="ico_required">必須</span><span class="title-contactform7">会社名</span></th> <td>[text* text1 class:w80 placeholder "例:株式会社デジタルイノベーションセンター"]</td> </tr> <tr> <th><span class="ico_required">必須</span><span class="title-contactform7">お名前</span></th> <td>[text* text2 class:w80 placeholder "例:出時樽 井辺"]</td> </tr> <tr> <th><span class="ico_required">必須</span><span class="title-contactform7">フリガナ</span></th> <td>[text* text3 class:w80 placeholder "例:デジタル イノベ"]</td> </tr> <tr> <th><span class="ico_required">必須</span><span class="title-contactform7">電話番号</span></th> <td>[tel* tel1 class:w40 placeholder "例:000-000-0000"]</td> </tr> <tr> <th><span class="ico_required">必須</span><span class="title-contactform7">メールアドレス</span></th> <td>[email* email1 class:w80 placeholder "例:[email protected]"]</td> </tr> <tr> <th><span class="title-contactform7">フリーディスカッションへの参加</span></th> <td>[checkbox checkbox1 "参加します"]<br> ※フリーディスカッション参加の際はWebカメラの準備をお願いします。<br> ディスカッションしたいテーマがあれば下記備考欄にご記載ください。</td> </tr> <tr> <th><span class="title-contactform7">IDの発行</span></th> <td>[checkbox checkbox2 "IDの発行を希望します"]<br> ※当日ご参加いただけない方には、3月26日まで視聴可能なIDを発行しますので、<br> 発行希望の方は選択してください。</td> </tr> <tr> <th><span class="title-contactform7">ドロップダウン</span></th> <td>[select menu-7 multiple "menu1" "menu2" "menu3"]</td> </tr> <tr> <th><span class="title-contactform7">備考欄</span></th> <td>[textarea textarea1 class:w80 40x2 placeholder "ご不明な点、ご質問などありましたらご入力ください"]</td> </tr> <tr> <td colspan="2"><span style="font-size: 9pt;">※個人情報について、第三者への開示は法令に基づく開示など特別な場合を除き、提供された目的を超えて開示いたしません。但し、研修会や助成制度などの当機構が実施する事業活動の範囲内において利用いたします事をご了承ください。</span></td> </tr> </table> </div> <div class="form_btn"> <button type='submit' class="btn01 wpcf7c-elm-step1"><span>入力内容を確認する</span></button><span class="wpcf7-spinner"></span> <input type="submit" class="wpcf7-submit"> </div>
ご連絡ありがとうございます。リンク先にて動作確認しました。
いずれ時間を作って、ご入力いただいたフォームHTMLをお借りして検証してみます。
もう少々お待ちいただければ幸いです。お寄せいただいた情報のおかげで本日、修正版1.0.15を公開することができました。
WP管理画面よりアップデートの上、挙動をお試しいただければ幸いです。ご協力ありがとうございました!
ご対応有難うございました。
今はタイミングが悪いので後日確認してみます。
ご対応に感謝します。
- The topic ‘送信ボタンを押しても反応しない’ is closed to new replies.