WordPressでContactForm7プラグインを使用して、お問い合わせフォームを作っています。
こちらの記事を参考にしました。
■質問
以下のものを必須項目にして、その他は任意項目にしたいですが、うまくできないので教えて欲しい
・「ラジオボタン」
・「名前」
・「参加者代表」の「氏名」
・「連絡先」の「TEL」
・「メールアドレス」
■状況
「追加情報2」と「お問い合わせ内容」の項目のみ、任意項目になっている状況で、それ以外は必須項目になってしまいます。(フォームを送信しようとしても「必須項目に入力してください」と出る)
■試したこと
・この記事を参考にラベル箇所のpタグの”is-required“のクラスを付けたり外したりしてみたが、うまくいかない
・必須にしたい項目にをつけて、任意にしたい項目のを消したがうまくいかない
■コード
長くて申し訳ないですが、ContactForm7のコード↓(テキストは変えてあります)
html
1<div class="form__wrap template02"> 2<div class="form__row row-radio"> 3 <p class="form__label is-required"><label>ラジオボタン</label></p> 4 <p class="form__body">[radio radio id:radio use_label_element "選択肢1" "選択肢2"]</p> 5</div> 6<div class="form__row row-name"> 7 <p class="form__label is-required"><label for="your-name">名前</label></p> 8 <p class="form__body">[text* your-name id:your-name placeholder "名前"]</p> 9</div> 10<div class="form__row row-name"> 11 <p class="form__label"><label for="your-name">会社名</label></p> 12 <p class="form__body">[text your-name id:your-name placeholder "会社名"]</p> 13</div> 14<div class="form__row row-name"> 15 <p class="form__label is-required"><label for="your-name">参加者代表</label></p> 16<div class="form__bodys"> 17 <p class="form__body">[text your-name id:your-name placeholder "役職"]</p> 18 <p class="form__body">[text your-name id:your-name placeholder "氏名"]</p> 19</div> 20</div> 21<div class="form__row row-tel"> 22 <p class="form__label is-required"><label for="tel">連絡先</label></p> 23<div class="form__bodys"> 24 <p class="form__body">[tel* tel id:tel placeholder "TEL"]</p> 25 <p class="form__body">[tel* tel id:tel placeholder "FAX"]</p> 26</div> 27</div> 28<div class="form__row row-email"> 29 <p class="form__label is-required"><label for="email">メールアドレス</label></p> 30<div class="form__bodys"> 31 <p class="form__body">[email* email id:email placeholder "メールアドレス"]</p> 32 <p class="form__ttl">▼確認のため、再度メールアドレスの入力をお願いします。</p> 33 <p class="form__body">[email* email id:email placeholder "確認メールアドレス"]</p> 34</div> 35</div> 36<p class="form__ttl">▶追加情報1</p> 37<div class="form__row row-radio"> 38 <p class="form__label"><label>追加情報1</label></p> 39 <p class="form__body">[radio radio id:radio use_label_element "選択肢1" "選択肢2" "選択肢3"]</p> 40</div> 41<p class="form__ttl">▶追加情報2</p> 42<div class="form__row row-checkbox"> 43 <p class="form__label"><label>追加情報2</label></p> 44 <p class="form__body">[checkbox checkbox id:checkbox use_label_element "選択肢1" "選択肢2" "選択肢3" "選択肢4" "選択肢5" "選択肢6" "選択肢7" "選択肢8"]</p> 45</div> 46<p class="form__ttl">▶ご質問、ご要望があれば記載してください。</p> 47<div class="form__row row-message"> 48 <p class="form__label"><label for="message">お問い合わせ内容</label></p> 49 <p class="form__body">[textarea message id:message placeholder "お問い合わせ内容"]</p> 50</div> 51<p>※受付完了後、事務局より「受付完了」のご連絡と共に、アクセスURLをメールにてお送りいたします。</p> 52<div class="form__row row-submit"> 53 <div class="submit-btn">[submit id:submit "▶入力内容の確認画面へ"]<div class="submit-bg"></div></div> 54</div> 55</div>
cssについては、文字制限で入れられなかったので、こちらの記事のテンプレート2のcssを参照してください。ほとんど同じです。(色やテキストサイズを少し変更しただけ)
あなたの回答
tips
プレビュー