Chosen: Menjadikan input yang dipilih sebagai bidang wajib

Dibuat pada 14 Feb 2012 · 6Komentar · Sumber: harvesthq/chosen

Markup asli saya menetapkan pilih menjadi bidang required , namun Terpilih tampaknya tidak mematuhi itu?

Sumber

jbrooksuk

Komentar yang paling membantu

Jika Anda menggunakan Terpilih untuk semua elemen select , Anda dapat menggunakan CSS ini untuk mengubah membuatnya terlihat (ke DOM), tetapi tanpa opacity, tanpa ketinggian, posisi absolut.

Pemilih CSS ini menargetkan elemen pilihan yang tidak valid, dengan salah satunya menargetkan multiple menambahkan 15px margin-top untuk memusatkannya pada elemen pilihan ganda.

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

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

Demo: http://jsfiddle.net/tripflex/2zdeu9oc/

tripflex pada 25 Okt 2018

👍8

Semua 6 komentar

@jbrooksuk apakah Anda pernah menemukan solusi untuk ini? jQuery Validate tampaknya juga tidak mengizinkan saya untuk memaksa bidang tersebut diperlukan.

tdm00 pada 10 Des 2012

Saya memiliki tambalan untuk ini yang dirujuk di #515 dan menarik permintaan di #900.

CaptainN pada 2 Apr 2013

Saya akhirnya menulis fungsi pembantu yang melakukan pemeriksaan ini secara manual pada elemen yang dipilih. Saya akan menggalinya besok jika saya dapat menemukannya, meskipun sementara itu solusi @CaptainN terlihat bagus :+1:

jbrooksuk pada 2 Apr 2013

Ini adalah penipuan https://github.com/harvethq/chosen/issues/515. Kami akan mengikuti di sana. Terima kasih.

kenearley pada 26 Apr 2013

515 secara teknis adalah penipuan ini, tapi ya oke.

jbrooksuk pada 26 Apr 2013

Jika Anda menggunakan Terpilih untuk semua elemen select , Anda dapat menggunakan CSS ini untuk mengubah membuatnya terlihat (ke DOM), tetapi tanpa opacity, tanpa ketinggian, posisi absolut.

Pemilih CSS ini menargetkan elemen pilihan yang tidak valid, dengan salah satunya menargetkan multiple menambahkan 15px margin-top untuk memusatkannya pada elemen pilihan ganda.

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

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

Demo: http://jsfiddle.net/tripflex/2zdeu9oc/

tripflex pada 25 Okt 2018

👍8

Apakah halaman ini membantu?

0 / 5 - 0 peringkat