لنفترض أن لديك موقعاً, تريد في نفس الصفحة نموذج للتسجيل للأعضاء الجدد و آخر للدخول للأعضاء المسجلين:
لتسجيل الدخول:
Email / Password
- زر (Login)
للأعضاء الجدد:
First Name / Last Name /Country
- زر (Register)
الآن من البديهي أن تقوم بعمل نموذجين حيث لا يحتاجان إلى أي جهد يذكر, لكن قد تصادف أحياناً خلال عملك أنك تحتاج إلى استخدام نموذج واحد في صفحة واحدة حيث يكون في البداية للعمل في نفس الصفحة مثلاً من خلال GET .. ثم ما تلبس أن تحتاجه للإرسال البيانات التي قمت بتوليدها إلى صفحة أخرى, و قد تريد إزالة أحد الخانات أو تعديل نوعها type, الـ name الخاص بها و بالطبع تغيير الـ action للــ Form إلى POST مثلاً.
هنا مثال بسيط لكيفية ذلك مع كود الــ Javascript و الــ HTML Form للنسخ:
http://grab.pe.hu/jse
تجربة مباشرة:
http://ift.tt/2hSa8I9
في هذا المثال قمت باستخدام نفس الـ Form مع تغييره جذرياً في كل حالة و إخفاء أحد الخانات من خلال type = hidden و بالطبع جعل الاسم name = فراغ.
- الكود المستخدم المكرر هو أبسط شكل لتتضح الفكرة.
from حسوب I/O - الأكثر شيوعاً http://ift.tt/2jbJKOz
ليست هناك تعليقات:
إرسال تعليق
دائماً، رأيكم يهمنا،