Contact Form 7 で項目を選択して必須項目のある内容を表示・非表示して動作

  • shanyyy

    (@shanyyy)


    8年、 2ヶ月前

    Contact Form 7 でセレクトボックスなどで項目を選択して、
    Aの項目を選んだらAのフォーム内容が表示され、
    Bの項目を選んだらBのフォーム内容が表示されるという
    表示・非表示の切り替えはjQueryのhide,showで対応して出来たのですが
    その表示されるAとBの内容にそれぞれ必須の項目がある際に
    確認場面でフォームが上手く動いてくれなくて困っています。
    選択した項目の必須内容にテキストを記入しても、
    選択してない項目の必須内容が何もない状態なので起きるエラーかと思ってます。

    初期設定で必須項目がついてるのが駄目かと思い、
    セレクトボックスを選んだタイミングで
    adclassやattrでwpcf7-validates-as-requiredやaria-requiredを動的につけてみましたが
    requiredの値は反応しないみたいで駄目でした。

    Contact Form 7 で必須項目のある内容を表示・非表示し、
    フォームを問題なく動作させることは可能なのでしょうか？
    ご教示いただけますと幸いです。
    宜しくお願い致します。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • munyagu

    (@munyagu)

    8年、 2ヶ月前

    回答がつかないようですので、思いつきですが・・・

    表示非表示を切り替えた時点で、非表示の必須項目にダミーの値を設定するのです。
    一目でダミーとわかる、「DUMMY」とか。
    次に表示を切り替えられたら、「DUMMY」と入っている項目は空にするのです。
    チェックボックスなどには使いにくいですが、どちらが選択されて送信されたかが何らかの項目で判別できるのであれば、メールに記載されているもう一方の内容は無視すればいい、と割り切れば幸せになれるかもしれません。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「Contact Form 7 で項目を選択して必須項目のある内容を表示・非表示して動作」には新たに返信することはできません。