تعطيل وتمكين حقول الإدخال باستخدام jQuery

عند العمل مع عناصر نموذج HTML، غالبًا ما يكون من الضروري تعطيل أو تمكين حقول إدخال معينة للمستخدم تفاعل. يوفر jQuery عدة طرق لإنجاز هذه المهام.

تعطيل حقل الإدخال

الطريقة المفضلة لتعطيل حقل الإدخال في إصدارات jQuery 1.6 وما فوق هي من خلال الدالة( ) الوظيفة:

$("input").prop('disabled', true);

$("input").prop('disabled', true);

قبل jQuery 1.6، يمكن استخدام الدالة attr() لتعيين السمة المعطلة:

$("input").attr('disabled', 'disabled');

$("input").prop('disabled', true);

تمكين حقل إدخال

لتمكين حقل إدخال معطل، يجب عليك عكس الإجراء اعتمادًا على الطريقة المستخدمة:

jQuery 1.6

$("input").prop('disabled', false);

$("input").prop('disabled', false);

jQuery 1.5 وما دونه

$( "input").removeAttr('disabled');

$("input").prop('disabled', true);

DOM المباشر المعالجة

في أي إصدار من jQuery، يمكنك دائمًا التعامل مباشرة مع عنصر DOM:

// بافتراض أن معالج الأحداث هو "هذا" this.disabled = true; // ... this.disabled = false;

$("input").prop('disabled', true);

ملاحظة لـ jQuery 1.6

بينما يقدم jQuery 1.6 طريقة RemoveProp()، لا ينبغي استخدامه للخصائص الأصلية مثل المعطل. بدلاً من ذلك، استخدم .prop() دائمًا لتبديل الخاصية إلى false.