メインコンテンツにスキップ

フォーム送信トラブル:送信ボタンをクリックしても、送信できない場合

フォームの送信ボタンをクリックしても送信できない場合は、回答必須項目のボックスが非表示になっている可能性があります。回答必須項目が未入力の状態となるため、フォームを送信できません。

考えられる原因

フォームの送信ボタンをクリックしても送信できない場合、回答必須の項目が非表示になっている場合があります。非表示のアイテムは画面上では見えなくなりますが、要素自体は存在しています。

確認方法(1) 右パネルでアラートを確認する

  1. フォームを選択します。

  2. 右パネルの[フォーム]タブを開きます。右パネルが閉じている場合は開いてください。

  3. [必須項目が非表示になっており、フォームの送信ができない状態です。]のアラートを確認します。[!]のマークがあるボックスが、特定のブレイクポイントで非表示になっています。

確認方法(2) レイヤーパネルを確認する

フォームのレイヤーパネルを開き、回答必須項目のボックスがどのブレイクポイントでも非表示設定になっていないかをご確認ください。 

確認方法(3) ブラウザのコンソールログで確認する

  1. ライブプレビューまたは公開サイトで、ブラウザのコンソールログを開きます。

  2. 未入力の必須項目がある場合、以下のようなアラートが表示されます。 (例:以下の画像は、必須項目であるemail欄が未入力であるアラート)

解決方法

  • 非表示にしている必須項目を、任意項目に変更するか、項目ごと削除してください。

  • または必須項目のボックス(レイヤー)を、どのブレイクポイントでも常に表示するよう設定してください。

こちらの回答で解決しましたか?