الدرس 4 من 8

إرسال مرّة واحدة فقط

هدف الدرس

منع الطلب المكرّر عند الضغط مرّتين

01

الشرح

يضغط المستخدم «اشترِ» فلا يرى أي تغيير، فيضغط مرّة ثانية، والنتيجة طلبان وشحنتان ثم اتصال بخدمة العملاء.

والحماية من ذلك على طبقتين: حارس في الكود، وهو متغيّر يمنع تنفيذ الإرسال مرّة ثانية قبل أن ينتهي الأول، وحارس في الواجهة، وهو أن تعطّل الزرّ وتغيّر نصّه ليرى المستخدم أن شيئًا يحدث.

ولا يكفي أحدهما دون الآخر، فالمتغيّر وحده لا يُري المستخدم شيئًا، وتعطيل الزرّ وحده لا يحمي الكود لأن حدث الإرسال قد يصل من غير الزرّ.

02

المطلوب

اجعل الطلب يُرسَل مرّة واحدة مهما تكرّر الضغط، وأعد الزرّ إلى حاله بعد انتهاء الطلب.

الفحوص

5 فحوص
  1. الضغط السريع المتكرّر يُرسل طلبًا واحدًا
  2. الزرّ يُعطَّل أثناء الإرسال
  3. الزرّ يعود للعمل بعد الانتهاء
  4. الصفحة لا يُعاد تحميلها عند الإرسال
  5. يمكن الإرسال من جديد بعد انتهاء الطلب الأول
03

تلميحات

0/3
دروس المسارأتممت 0 من 8

تتعلّم في هذا المسار أن تضع قواعد تحقّق خاصّة بك، وأن تربط حقلًا بآخر، وأن تكتب رسائل خطأ يسمعها قارئ الشاشة.

مستواه متوسّط، وفيه 8 دروس مجموع مدّتها ساعة ونصف.

index.html
المعاينة
index.html100%
–/5

اضغط «تشغيل وتصحيح» ليبدأ الفحص.

تجد 5 فحوص في بطاقة «المطلوب».

دروس المسارأتممت 0 من 8

تتعلّم في هذا المسار أن تضع قواعد تحقّق خاصّة بك، وأن تربط حقلًا بآخر، وأن تكتب رسائل خطأ يسمعها قارئ الشاشة.

مستواه متوسّط، وفيه 8 دروس مجموع مدّتها ساعة ونصف.