Chosen: 選択した入力を必須フィールドにする

作成日 2012年02月14日 · 6コメント · ソース: harvesthq/chosen

私の元のマークアップでは、selectがrequiredフィールドに設定されていますが、Chosenはそれに準拠していないようです。

ソース

jbrooksuk

最も参考になるコメント

すべてのselect要素にChosenを使用している場合は、このCSSを使用して、（DOMに）表示されるように変更できますが、不透明度、高さ、絶対位置はありません。

これらのCSSセレクターは、無効な選択要素を対象とし、そのうちの1つはmultipleを対象とし、複数選択要素の中央に15px margin-top $を追加します。

select:invalid {
    height: 0px !important;
    opacity: 0 !important;
    position: absolute !important;
    display: flex !important;
}

select:invalid[multiple] {
    margin-top: 15px !important;
}

デモ：http： //jsfiddle.net/tripflex/2zdeu9oc/

tripflex 2018年10月25日

👍8

全てのコメント6件

@jbrooksukこれに対する解決策を見つけたことがありますか？ jQuery Validateでは、フィールドを強制的に必須にすることもできないようです。

tdm00 2012年12月10日

＃515で参照されているこれに対するパッチと＃900でプルリクエストがあります。

CaptainN 2013年04月02日

選択した要素に対してこのチェックを手動で実行するヘルパー関数を作成することになりました。明日見つけられたら掘り下げますが、それまでの間、 @ CaptainNのソリューションは良さそうです：+1：

jbrooksuk 2013年04月02日

これはhttps://github.com/harvesthq/chosen/issues/515の複製です。そこをフォローアップします。ありがとう。

kenearley 2013年04月26日

515は技術的にはこれを複製したものですが、大丈夫です。

jbrooksuk 2013年04月26日