Snow Monkey Formsのバリデーションクラスを付けて欲しい

0
いいねをした人: 居ません
  • このトピックには6件の返信、2人の参加者があり、最後にhisanobuにより3週、 1日前に更新されました。
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • 投稿者
    投稿
  • #141708
    hisanobu
    参加者
    30

    お世話になります。

    バリデーションを必須にした場合、項目の親要素wp-block-snow-monkey-forms-itemrequiredなどのようなクラスを付与していただくことは可能でしょうか。

    現状だと、一つ一つ手動で「必須」をつけるか、全てに「必須」をつけてx番目はdisplay:noneというような遠回りの付け方をしています。(仕様変更があった場合など、確認に結構手間がかかります…)

    バリデーションのある親要素に必須クラスがついていれば、CSSで簡単に「必須」をつけることができるのと、つけ忘れ防止にもなるので、実装されたら非常にありがたいです。

    よろしくお願いいたしますm(_ _)m

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

    「項目」ブロックの中には複数の入力項目を配置できるので、例えば2つテキストフィールドが配置されていて、片方は必須、片方は必須ではない、という状況も想定できます。その場合、「項目」ブロックに required が付くのは違和感があるので、つけるとするなら必須状態の入力項目自体につけるのが良いのではないかと思いました。

    そのうえで、:has CSS セレクタを使えば良いのかなと…。そんな感じでどうでしょうか?

    1
    いいねをした人:
    #141714
    hisanobu
    参加者
    30

    お返事ありがとうございます。
    はい、問題ないです!

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

    こんな感じにしようと思います。

    ### 出力される HTML(確認画面では hidden

    <input type="text" name="fullname" class="smf-text-control__control" data-validations="required">
    

    ### required を含む「項目」のラベルを赤くする例

    .smf-item:has([data-validations~=required]) .smf-item__label {
      color: red;
    }
    1
    いいねをした人:
    #141722
    hisanobu
    参加者
    30

    ありがとうございます!
    カスタムデータ属性の方がバッティング防止のためにも良いですね…!

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

    Snow Monkey Forms v8.0.0 で追加してみました。アップデートして確認してみてください!

    0
    いいねをした人: 居ません
    #141762
    hisanobu
    参加者
    30

    確認できました。

    神アップデートです!ありがとうございました!

    1
    いいねをした人:
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • トピック「Snow Monkey Formsのバリデーションクラスを付けて欲しい」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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