Chosen: جعل الإدخال المختار حقلاً مطلوبًا

تم إنشاؤها على ١٤ فبراير ٢٠١٢ · 6تعليقات · مصدر: harvesthq/chosen

تعيّن الترميز الأصلي الخاص بي التحديد ليكون حقل required ، ولكن يبدو أن Chosen لا يتوافق مع ذلك؟

مصدر

jbrooksuk

التعليق الأكثر فائدة

إذا كنت تستخدم 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/

tripflex في ٢٥ أكتوبر ٢٠١٨

👍8

ال 6 كومينتر

jbrooksuk هل وجدت حلاً لهذا من قبل؟ لا يبدو أن التحقق من صحة jQuery يسمح لي بإجبار الحقل أيضًا.

tdm00 في ١٠ ديسمبر ٢٠١٢

لدي تصحيح لهذا المشار إليه في # 515 وسحب الطلب في # 900.

CaptainN في ٢ أبريل ٢٠١٣

انتهى بي الأمر بكتابة وظيفة مساعدة تقوم بإجراء هذا الفحص يدويًا على العناصر المختارة. سأستكشفها غدًا إذا كان بإمكاني العثور عليها ، على الرغم من أن حل CaptainN يبدو جيدًا في الوقت الحالي: +1:

jbrooksuk في ٢ أبريل ٢٠١٣

هذه خدعة لـ https://github.com/harvesthq/chosen/issues/515. سوف نتابع هناك. شكرا.

kenearley في ٢٦ أبريل ٢٠١٣

515 من الناحية الفنية خداع من هذا ، لكن نعم حسنًا.

jbrooksuk في ٢٦ أبريل ٢٠١٣

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 في ٢٥ أكتوبر ٢٠١٨

👍8

هل كانت هذه الصفحة مفيدة؟

0 / 5 - 0 التقييمات