PHP Academy · درس

إنشاء نموذج اتصال

أنشئ نموذج اتصال يرسل الرسائل عبر البريد الإلكتروني

إنشاء نموذج اتصال درس مجاني في PHP Academy على CoddyKit. هذا هو الدرس 2 من أصل 2. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في PHP Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة PHP Academy 2 دروس في المجموع.

مقدمة إلى مشروع نموذج الاتصال

إنشاء نموذج اتصال

مرحبًا بك في درس إنشاء نموذج اتصال! ستتعلم في هذا المشروع كيفية بناء نموذج اتصال يتيح للمستخدمين إرسال الرسائل عبر البريد الإلكتروني. لنبدأ!

إعداد المشروع

قبل أن تبدأ، تأكد من توفر ما يلي:

خادم ويب مثل XAMPP أو WAMP.
محرر نصوص أو بيئة تطوير متكاملة (IDE)، مثل VS Code.
ملف باسم contact.php في مجلد مشروعك.
تفعيل الدالة mail() في PHP، وهي مطلوبة لإرسال رسائل البريد الإلكتروني.

نصيحة: قد تحتاج إلى ضبط إعدادات خادم البريد لإجراء الاختبارات محليًا.

إنشاء نموذج HTML أساسي

ابدأ بإنشاء بنية HTML لنموذج الاتصال. مثال:

نقطة مهمة: استخدم السمة required لضمان ملء جميع الحقول قبل الإرسال.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contact Form</title>
</head>
<body>
  <h1>Contact Us</h1>
  <form action="contact.php" method="post">
    <label for="name">Name:</label><br>
    <input type="text" id="name" name="name" required><br><br>
    
    <label for="email">Email:</label><br>
    <input type="email" id="email" name="email" required><br><br>
    
    <label for="message">Message:</label><br>
    <textarea id="message" name="message" rows="5" required></textarea><br><br>
    
    <button type="submit" name="submit">Send Message</button>
  </form>
</body>
</html>

معالجة بيانات النموذج

عالج إرسال النموذج في ملف contact.php. مثال:

نصيحة: استخدم htmlspecialchars() لمنع هجمات XSS من خلال تخطي محارف HTML.

<?php
  if (isset($_POST['submit'])) {
    $name = htmlspecialchars($_POST['name']);
    $email = htmlspecialchars($_POST['email']);
    $message = htmlspecialchars($_POST['message']);

    echo "Name: $name<br>";
    echo "Email: $email<br>";
    echo "Message: $message<br>";
  }
?>

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

تحقق من صحة الإدخال قبل معالجته للتأكد من استيفائه لمتطلباتك. مثال:

نقطة مهمة: تحقّق دائمًا من صحة إدخال المستخدم لتجنب البيانات غير الصالحة أو الضارة.

<?php
  if (isset($_POST['submit'])) {
    if (!filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
      echo "Invalid email address.";
      exit;
    }

    $name = htmlspecialchars($_POST['name']);
    $email = htmlspecialchars($_POST['email']);
    $message = htmlspecialchars($_POST['message']);

    echo "Valid input. Processing...";
  }
?>

إرسال البريد الإلكتروني

استخدم الدالة mail() في PHP لإرسال بيانات النموذج إلى عنوان بريد إلكتروني. مثال:

نصيحة: استخدم عنوانًا صالحًا في From لتجنب مشكلات تسليم البريد الإلكتروني.

<?php
  if (isset($_POST['submit'])) {
    $to = "admin@example.com"; // Replace with your email
    $subject = "New Contact Form Submission";
    $message = "Name: $name\nEmail: $email\nMessage:\n$message";
    $headers = "From: $email";

    if (mail($to, $subject, $message, $headers)) {
      echo "Message sent successfully!";
    } else {
      echo "Failed to send the message.";
    }
  }
?>

تحسين النموذج

إليك بعض التحسينات التي يمكنك إضافتها:

اعرض رسائل النجاح أو الخطأ داخل النموذج نفسه.
نسّق النموذج باستخدام CSS لتحسين واجهة المستخدم.
طبّق CAPTCHA لمنع عمليات الإرسال المزعجة.

نقطة مهمة: تحسّن الإضافات تجربة المستخدم وأمان النموذج.

تصحيح مشكلات البريد الإلكتروني

إذا لم تُرسل الرسالة، فتحقق مما يلي:

تأكد من تفعيل الدالة mail() في PHP.
تحقق من صلاحية عنوان البريد الإلكتروني الموجود في From.
تحقق من سجلات البريد الخاصة بخادمك بحثًا عن الأخطاء.

نصيحة: فكّر في استخدام مكتبة مثل PHPMailer للحصول على ميزات متقدمة للبريد الإلكتروني.

أحسنت!

تهانينا! لقد أنشأت نموذج اتصال عمليًا باستخدام PHP. تعلمت كيفية إنشاء النموذج، ومعالجة بياناته، والتحقق من صحة الإدخال، وإرسال رسائل البريد الإلكتروني. في الدرس التالي، سنبني مشروعًا ممتعًا آخر لتعزيز مهاراتك في PHP أكثر. واصل البرمجة!

الأسئلة الشائعة

هل درس «إنشاء نموذج اتصال» مجاني؟

نعم — نص درس «إنشاء نموذج اتصال» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة PHP Academy، انتقل إلى CoddyKit PRO. تتضمن دورة PHP Academy 2 دروس في المجموع.

ماذا ستتعلم في «إنشاء نموذج اتصال»؟

أنشئ نموذج اتصال يرسل الرسائل عبر البريد الإلكتروني تتمرن على PHP Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ PHP Academy؟

لا تُشترط خبرة سابقة. PHP Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 2.

كم من الوقت يستغرق درس «إنشاء نموذج اتصال»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس PHP Academy هذا؟

نعم. كل درس في PHP Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

إنشاء قائمة مهام بسيطة
إنشاء نموذج اتصال

← العودة إلى PHP Academy