コンタクトフォームのバリエーションを変更したい

0
いいねをした人: 居ません
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • 投稿者
    投稿
  • #74312
    shimatate
    閲覧者
    1

    【お使いの Snow Monkey のバージョン】14.1.0
    【お使いの Snow Monkey Blocks のバージョン】11.1.0
    【お使いの Snow Monkey Editor のバージョン】5.0.4
    【お使いのブラウザ】Google chrome
    【当該サイトのURL】https://keithmelon.com/demo/navilp%e3%80%80%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b/

    ### 実現したいこと

    Snow Monkey Formsでの必須項目を場合によって(jQueryなどで)任意の項目に変更したい。

    ### 発生している問題

    Snow Monkey Formsで比較的無理やりCSSおよびjQueryにて場合分けをしています。

    具体的には

    ーーー

    ラジオボタンで「A」の選択肢を選ぶ

    項目が現れる

    ーーー

    の様な感じです。

    ただこの時、現れる項目を「必須」にしていた際はこの項目が現れない様な選択をしていた場合、送信できなくなってしまいます。

     

    そのため、この湯な場合にはこの項目を任意に変更したいのですが、可能でしょうか?

    (「必須」「任意」を識別しているクラスなどがあれば、それを変更したいのですが)

     

    少し説明がわかりにくいかもしれませんが、どうぞよろしくお願いいたします!

    0
    いいねをした人: 居ません
    #74325
    GONSY
    参加者
    841

    @shimatate さん

    こんにちは。
    フォームで入力内容の確認画面が必須でないようであれば、Contact Form 7 + Contact Form 7 – Conditional Fields でお望みの形に近いフォームになるのではないでしょうか。
    Contact Form 7用の基本的なCSSはSnow Monkeyに実装されているので、比較的導入しやすいと思います。

    Contact Form 7 – Conditional Fields では、表示されていない“必須項目”はエラーになりません。
    プラグインの使用方法を解説しているブログ記事などもありますので、時間があればぜひお試しください。

    https://ja.wordpress.org/plugins/cf7-conditional-fields/

    1
    いいねをした人:
    #74369
    shimatate
    閲覧者
    1

    なるほど、そのようなプラグインがあるのですね!

    ただ確認画面は必須なので、少し厳しそうです。

    やはりSnow Monkey Formsで無理やり実装するのは厳しそうですかね?

    0
    いいねをした人: 居ません
    #74613
    アバター画像キタジマ タカシ
    参加者
    2421

    僕もはっきりと覚えておらず恐縮ですが、そのような挙動をする想定ではつくっていなかったので、Snow Monkey Forms 自体に手を入れないと、現状の Snow Monkey Forms では結構厳しいのではないかと思います。

    0
    いいねをした人: 居ません
    #74700
    shimatate
    閲覧者
    1

    ご連絡ありがとうございます!やはり難しい感じですね。

    必須項目かどうかの判定などはクラスの追加などでは行っていない感じですかね?

    0
    いいねをした人: 居ません
    #74978
    アバター画像キタジマ タカシ
    参加者
    2421

    そうですね、バリデーションはサーバー側でおこなうため、CSS class ではなく内部的に設定を持っているようなつくりになります。

    0
    いいねをした人: 居ません
    #74991
    長谷川 喜洋
    参加者
    27

    こんにちは。

    jQueryでの内容の出し分けまでができているのでしたら、Snow Monkey Forms の設定上は必ず必要な項目以外は任意にしておいて、ページの読み込み時と出し分け時、必要な input 要素に required をつけ外しするという形ではいかがでしょうか。

    ブラウザ上でのチェックなので、Snow Monkey Forms が用意してくれているサーバー側のバリデーションのように厳密にはいかないですが。。。

    1
    いいねをした人:
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • トピック「コンタクトフォームのバリエーションを変更したい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。