サポート » 使い方全般 » MW WP Formエラーチェックがチェックボックスできかない

  • 解決済 suca06

    (@suca06)


    https://success-plus.tech/wordpress/1500

    こちらを参考にしています。

    id=”name”を入れたら、HTMLではclass=”validate[required]”にする
    id=”check”を入れたら、HTMLではclass=”validate[minCheckbox[2]]”にする

    mwform_textだとうまくいくけど
    mwform_checkboxだとうまくいきません。

    [mwform_text name=”名前” id=”name”]
    →HTMLでの表示
    <input type=”text” name=”名前” id=”name” class=”validate[required]”>

    [mwform_checkbox name=”チェックボックス” children=”A,B,C” id=”check”]
    →HTMLでの表示
    <input type=”checkbox” name=”チェックボックス[data][]” value=”A” id=”check-1″>
    <input type=”checkbox” name=”チェックボックス[data][]” value=”B” id=”check-2″>
    <input type=”checkbox” name=”チェックボックス[data][]” value=”C” id=”check-3″>

    チェックボックス やラジオボタンの場合はid=”check” はどちらに入れたら良いのでしょうか?

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

    (@ishitaka)

    こんにちは

    出来ないと思います。id 属性は文書全体で一意でなければならない識別子と定義されています。
    https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/id

    • この返信は6ヶ月前にishitakaが編集しました。
    スレッド開始 suca06

    (@suca06)

    ありがとうございます。
    Classに変更してみたのですが、チェックボックス 以外はclassに変更でも行けたのですが、
    チェックボックス は相変わらずうまくいきませんでした。
    もし原因がわかる方いましたらご教示お願いたします。

    [mwform_text name=”名前” class=”name”]
    →HTMLでの表示
    <input type=”text” name=”名前” id=”name” class=”validate[required]”>

    [mwform_checkbox name=”チェックボックス” children=”A,B,C” class=”check”]
    →HTMLでの表示
    <input type=”checkbox” name=”チェックボックス[data][]” value=”A” class=”check”>
    <input type=”checkbox” name=”チェックボックス[data][]” value=”B” class=”check”>
    <input type=”checkbox” name=”チェックボックス[data][]” value=”C” class=”check”>

    Honda

    (@rocketmartue)

    うまくいかないというのは、どういう状況でしょうか?
    例えば、
    チェックを入れてもエラーが出る
    チェックを入れていなくてもエラーが出ない
    など、具体的に書いてみてください。

    Aoba Momouchi

    (@aoixtreme)

    <div id="check">[mwform_checkbox name="チェックボックス" children="A,B,C"]</div>

    スレッド開始 suca06

    (@suca06)

    Aoba Momouchi様

    ありがとうございます!こちらの方法でclassがチェックボックス にも付きました。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「MW WP Formエラーチェックがチェックボックスできかない」には新たに返信することはできません。