الطريقة الصحيحة لسمات HTML المخصصة

Question

أنا أكتب مكتبة JavaScript المكتبة JavaScript المخصصة وأنا أفكر في بناء جملة الترميز الصحيح. دعنا نقول أن لدي إدخال يتطلب رقم بين 1000 و 10000.

حتى الآن ، توصلت إلى شيء مثل هذا:

<input class='validate required number' min='1000' max='10000' />

هل هذه الطريقة الصحيحة للقيام بذلك؟ لدي مشكلتان هنا:

1. لا أحب استخدام الفصول. يبدو وكأنه سوء الاستخدام. هل من المقبول استخدامها مثل هذا؟
2. سماتي المخصصة min و max لا تتحقق.

Answer 1

حيث HTML5 سوف يدعم هذا الهيكل ، قد يكون أفضل طريقة للذهاب:

<input data-validate="very-yes" data-min="1000" data-max="10000"/>

حيث يمكن استخدام أي "بيانات -..." لتخزين المزيد من المعلومات. يمكنك أيضًا إرفاق هذه البيانات بعد استخدام البرنامج النصي (S)

Answer 2

من الجيد تمامًا استخدام فصول من هذا القبيل. في الواقع ، فإنه يجعل القيام بالأشياء في JavaScript و CSS أسهل كثيرًا.

لا يُسمح بالسمات المخصصة في HTML. يجب استخدام سمة الفصل بدلاً من ذلك لإضافة وظائف أو نمط مخصص إلى كل علامة.

في حالتك ، أنصح بإضافة فئة مثل "Number-1000-10000" ، ثم استخدم JavaScript للقيام بالباقي.

Answer 3

إذا قرأت التحقق من صحة jQuery يبدو أنه يحدد وسيطات التحقق من الصحة المعقدة (على سبيل المثال قيم MAX و MIN للحقل) بتنسيق JSON.