Chosen: Сделать выбранный ввод обязательным полем

Созданный на 14 февр. 2012  ·  6Комментарии  ·  Источник: harvesthq/chosen

Моя исходная разметка устанавливает для выбора поле required , однако Chosen, похоже, не соответствует этому?

Самый полезный комментарий

Если вы используете Chosen для всех элементов select , вы можете использовать этот CSS, чтобы сделать его видимым (в DOM), но без прозрачности, высоты и абсолютного положения.

Эти селекторы CSS нацелены на недопустимые элементы выбора, причем один из них нацелен на 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/

Все 6 Комментарий

@jbrooksuk ты когда-нибудь находил решение для этого? jQuery Validate, похоже, также не позволяет мне сделать поле обязательным.

У меня есть патч для этого, упомянутый в # 515, и запрос на включение в # 900.

В итоге я написал вспомогательную функцию, которая выполняет эту проверку вручную для выбранных элементов. Я выкопаю это завтра, если смогу найти, хотя в то же время решение @CaptainN выглядит хорошо: +1:

Это обман https://github.com/harvesthq/chosen/issues/515. Мы будем следить там. Спасибо.

515 технически является обманом, но да ладно.

Если вы используете Chosen для всех элементов select , вы можете использовать этот CSS, чтобы сделать его видимым (в DOM), но без прозрачности, высоты и абсолютного положения.

Эти селекторы CSS нацелены на недопустимые элементы выбора, причем один из них нацелен на 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/

Была ли эта страница полезной?
0 / 5 - 0 рейтинги