الفصل الثالث 3: التعامل مع النماذج (Forms) في PHP

الموضوع 3: التعامل مع النماذج (Forms) في PHP

3.1 ما هي النماذج (Forms) في الويب؟

• تعريف النماذج:
  • النماذج في الويب تُستخدم لجمع البيانات من المستخدمين (مثل الاسم، البريد الإلكتروني، كلمة المرور، وما إلى ذلك).
  • يتم إرسال البيانات من النموذج إلى الخادم (server) لمعالجتها باستخدام PHP أو أي لغة برمجة أخرى.
• مكونات النموذج:
  • الحقل النصي (Text Input): يُستخدم لإدخال النصوص.
  • أزرار الاختيار (Radio Buttons): تُستخدم لاختيار خيار واحد فقط من مجموعة.
  • مربعات الاختيار (Checkboxes): تُستخدم لاختيار أكثر من خيار.
  • قوائم منسدلة (Drop-down Lists): تُستخدم لاختيار عنصر من قائمة.
  • زر الإرسال (Submit Button): يُستخدم لإرسال النموذج.

3.2 إنشاء نموذج HTML بسيط

• هيكل النموذج:
  • يبدأ النموذج باستخدام <form> وينتهي بـ </form>.
  • يجب تحديد الطريقة التي سيتم بها إرسال البيانات (طريقة GET أو POST).
  • مثال على نموذج بسيط لجمع الاسم والبريد الإلكتروني:
    html

    Copy code

    <form action="process.php" method="post">
    <label for="name">الاسم:</label>
    <input type="text" id="name" name="name" required><br><br>

    <label for="email">البريد الإلكتروني:</label>
    <input type="email" id="email" name="email" required><br><br>

    <input type="submit" value="إرسال">
</form>


• شرح الكود:
  • action="process.php": يحدد ملف الـ PHP الذي سيعالج البيانات بعد إرسال النموذج.
  • method="post": يحدد طريقة إرسال البيانات. الطريقة POST أكثر أمانًا لأنها تُرسل البيانات في جسم الطلب، بينما GET تُرسل البيانات في عنوان URL.
  • required: تأكد من أن المستخدم لن يترك الحقل فارغًا.

3.3 استلام البيانات باستخدام PHP

• التعامل مع البيانات المدخلة:
  • في ملف PHP، يمكنك استخدام المتغيرات العالمية مثل $_POST أو $_GET للوصول إلى البيانات التي تم إرسالها من النموذج.
• مثال:
  • إذا كان لديك نموذج كما في المثال السابق، فيمكنك معالجة البيانات في الملف process.php:
    php

    Copy code

    <?php
    if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $name = $_POST['name'];
    $email = $_POST['email'];

    echo "الاسم: $name <br>";
echo "البريد الإلكتروني: $email";
}
?>


• شرح الكود:
  • $_POST['name']: يستخدم للوصول إلى قيمة الحقل name من النموذج المرسل باستخدام الطريقة POST.
  • $_SERVER["REQUEST_METHOD"]: يتحقق من طريقة الإرسال (في هذه الحالة، POST).

3.4 التحقق من البيانات المدخلة

• أهمية التحقق من البيانات:
  • التحقق من صحة البيانات المدخلة أمر بالغ الأهمية لضمان أن البيانات التي يتلقاها الخادم سليمة وآمنة.
• التأكد من الحقول الفارغة:
  • يمكنك التأكد من أن المستخدم قد أدخل جميع البيانات المطلوبة قبل معالجتها.
  • مثال:
    php

    Copy code

    if (empty($_POST['name'])) {
echo "الاسم مطلوب!";
}
if (empty($_POST['email'])) {
echo "البريد الإلكتروني مطلوب!";
}

• التأكد من صحة البريد الإلكتروني:
  • يمكنك استخدام filter_var للتحقق من صحة البريد الإلكتروني.
  • مثال:
    php

    Copy code

    if (!filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
echo "البريد الإلكتروني غير صالح!";
}


3.5 استخدام الجلسات (Sessions) لتخزين البيانات عبر النماذج

• ما هي الجلسات؟
  • الجلسات تسمح بتخزين البيانات بين صفحات متعددة في موقع الويب.
  • يمكن استخدامها لحفظ البيانات بين النماذج، مثل حفظ اسم المستخدم بعد التسجيل.
• كيفية استخدام الجلسات:
  • أولًا، يجب بدء الجلسة باستخدام session_start().
  • ثم يمكنك تخزين البيانات باستخدام المتغير $_SESSION.
• مثال على استخدام الجلسات:
  php

  Copy code

  // في الصفحة الأولى التي تجمع البيانات
session_start();
$_SESSION['name'] = $_POST['name'];
$_SESSION['email'] = $_POST['email'];
header("Location: thank_you.php");
exit;

  • وفي الصفحة thank_you.php:
  php

  Copy code

  session_start();
echo "الاسم المدخل: " . $_SESSION['name'];
echo "البريد الإلكتروني المدخل: " . $_SESSION['email'];

• ملاحظة: يجب دائمًا استخدام session_start() في بداية كل صفحة تستخدم الجلسات.

3.6 التعامل مع النماذج باستخدام طريقة GET

• طريقة GET:
  • طريقة GET تُستخدم لإرسال البيانات عبر عنوان URL. وهي أقل أمانًا لأنها تعرض البيانات في شريط العنوان.
• إنشاء نموذج باستخدام GET:
  html

  Copy code

  <form action="process_get.php" method="get">
  <label for="name">الاسم:</label>
  <input type="text" id="name" name="name" required><br><br>

  <label for="email">البريد الإلكتروني:</label>
  <input type="email" id="email" name="email" required><br><br>

  <input type="submit" value="إرسال">
</form>


• استلام البيانات في ملف PHP باستخدام GET:
  php

  Copy code

  <?php
  if ($_SERVER["REQUEST_METHOD"] == "GET") {
  $name = $_GET['name'];
  $email = $_GET['email'];

  echo "الاسم: $name <br>";
echo "البريد الإلكتروني: $email";
}
?>


• ملاحظة: تكون البيانات في GET مرئية في شريط العنوان، لذلك لا ينصح باستخدامها في إرسال بيانات حساسة.

3.7 ملخص الدورة

• ما تعلمته:
  • كيفية إنشاء نموذج HTML لجمع البيانات من المستخدم.
  • كيفية استخدام POST و GET لإرسال البيانات إلى الخادم.
  • كيفية التعامل مع البيانات باستخدام $_POST و $_GET في PHP.
  • كيفية التحقق من البيانات المدخلة والتأكد من صحتها.
  • كيفية استخدام الجلسات لتخزين البيانات عبر صفحات متعددة.
• التطبيق العملي:
  • أنشئ نموذجًا لتسجيل الدخول مع التحقق من البيانات المدخلة.
  • أنشئ نموذجًا لجمع البيانات مثل الاسم والبريد الإلكتروني وعرضها بعد الإرسال.