ここから本文です

Contact Form 7で申込書フォームを作成しています。 Contact Form 7プラグインにC...

ear********さん

2019/3/2408:59:18

Contact Form 7で申込書フォームを作成しています。
Contact Form 7プラグインにContact Form 7 add confirmを追加しています。

以下のように記述したところ、画像のように確認ボタンがtable幅まで広がってしまいました。

.wpcf7-form textarea{
width:100%;
}

.wpcf7-form input{
width:100%;
}

そこで、以下のように訂正し、申込書フォームのすべての項目を入力後、確認ボタンを押すと「メッセージの送信に失敗しました。後でまたお試しください。」と表示されました。
※【response】を記述しています。

本来すべて間違いなく入力し、確認ボタンを押すと【戻って編集】【申込】ボタンが表示されるのですが、表示されず【確認】ボタンのままです。
このような現象を直す方法があれば何卒教えてください。
よろしくお願いいたします。

.wpcf7-form textarea{
width:100%;
}

.wpcf7-form input:not([type="submit"]){
width:100%;
}

Contact Form 7,submit&quot,申込書フォーム,width,確認ボタン,stylesheet,ボーダーライン

閲覧数:
22
回答数:
1
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

shi********さん

2019/3/2515:38:23

>以下のように訂正し、申込書フォームのすべての項目を入力後、
>確認ボタンを押すと「メッセージの送信に失敗しました。後で
>またお試しください。」と表示されました。


修正前はちゃんと送信されていたのでしょうか?
wpcf7-form inputクラスのCSSを元に戻したら送信できますか?

#正直、StyleSheetの内容がメール送信の動作に影響するとは
#思えないのだけれど・・・

メッセージのボーダーラインはオレンジですか赤ですか?

https://contactform7.com/ja/faq/after-submitting-the-form-i-get-an-...

  • 質問者

    ear********さん

    2019/3/2607:55:53

    shi********さん
    ご回答くださりありがとうございます。
    以下の最初の記述に戻し、reCAPTCHAを外したところ正常に戻りました。
    Contact Form 7とContact Form 7 add confirmで申込書フォームを作っており、どちらかまたは両方ともreCAPTCHAと相性が悪いのだと思いました。

    ボーダーラインはオレンジでスパムの警告なので、やはりreCAPTCHAが原因だと思います。

    申込書フォームの下の方で承諾確認のチェックをしないと送信できないようにしてあるのですが、この方法でスパムメールは来ないようになりますか?

    .wpcf7-form textarea{
    width:100%;
    }

    .wpcf7-form input{
    width:100%;
    }

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

質問した人からのコメント

2019/3/30 09:08:43

ありがとうございました。

あわせて知りたい

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる