ساخت فرم چند مرحله‌ای با PHP: راهنمای جامع

فرم‌های چند مرحله‌ای، روشی موثر برای جمع‌آوری اطلاعات پیچیده از کاربران هستند. این فرم‌ها با تقسیم فرآیند جمع‌آوری اطلاعات به مراحل کوچک‌تر، تجربه کاربری بهتری را ارائه می‌دهند و احتمال تکمیل فرم را افزایش می‌دهند. در این مقاله، به بررسی نحوه ساخت فرم چند مرحله‌ای با استفاده از PHP خواهیم پرداخت. این راهنما شامل طراحی ساختار فرم، مدیریت جلسات (sessions)، اعتبارسنجی داده‌ها و ذخیره‌سازی اطلاعات خواهد بود.

۱. طراحی ساختار فرم

قبل از شروع کدنویسی، باید ساختار فرم چند مرحله‌ای را به دقت طراحی کنید. این شامل تعیین تعداد مراحل، اطلاعات مورد نیاز در هر مرحله و ترتیب مراحل است. به عنوان مثال، یک فرم ثبت نام می‌تواند شامل مراحل زیر باشد:

1. اطلاعات شخصی (نام، نام خانوادگی، تاریخ تولد)
2. اطلاعات تماس (ایمیل، شماره تلفن)
3. اطلاعات حساب کاربری (نام کاربری، رمز عبور)
4. تایید اطلاعات

هر مرحله باید شامل فیلدهای ورودی مرتبط با اطلاعات مورد نیاز آن مرحله باشد. همچنین، باید دکمه‌هایی برای رفتن به مرحله بعدی و مرحله قبلی در نظر گرفته شود.

۲. مدیریت جلسات (Sessions)

از آنجایی که فرم چند مرحله‌ای شامل چندین صفحه است، باید اطلاعات وارد شده توسط کاربر در مراحل مختلف را ذخیره کنید. برای این منظور، از جلسات (sessions) استفاده می‌کنیم. جلسات به شما امکان می‌دهند داده‌ها را در سرور ذخیره کنید و آن‌ها را در صفحات مختلف در دسترس قرار دهید.

برای شروع استفاده از جلسات، باید آن‌ها را در ابتدای اسکریپت PHP خود فعال کنید:

متغیر $_SESSION یک آرایه است که می‌توانید داده‌ها را در آن ذخیره کنید. برای مثال، برای ذخیره نام کاربر در مرحله اول، می‌توانید از کد زیر استفاده کنید:

در مراحل بعدی، می‌توانید به این داده‌ها دسترسی داشته باشید و آن‌ها را در فیلدهای ورودی نمایش دهید.

۳. پیاده‌سازی مراحل فرم

حالا می‌توانیم مراحل فرم را پیاده‌سازی کنیم. هر مرحله باید شامل یک فایل PHP جداگانه باشد که فیلدهای ورودی، دکمه‌های رفتن به مرحله بعدی و مرحله قبلی و منطق اعتبارسنجی داده‌ها را شامل می‌شود.

مرحله ۱: اطلاعات شخصی

فایل step1.php:

<?php
session_start();
?>

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

  <label for="family">نام خانوادگی:</label>
  <input type="text" id="family" name="family" required><br>

  <label for="birthday">تاریخ تولد:</label>
  <input type="date" id="birthday" name="birthday" required><br>

  <input type="submit" value="مرحله بعد">
</form>

مرحله ۲: اطلاعات تماس

فایل step2.php:

<?php
session_start();

if ($_SERVER["REQUEST_METHOD"] == "POST") {
  $_SESSION['name'] = $_POST['name'];
  $_SESSION['family'] = $_POST['family'];
  $_SESSION['birthday'] = $_POST['birthday'];
}
?>

<form method="post" action="step3.php">
  <label for="email">ایمیل:</label>
  <input type="email" id="email" name="email" required><br>

  <label for="phone">شماره تلفن:</label>
  <input type="tel" id="phone" name="phone" required><br>

  <input type="submit" value="مرحله بعد">
  <a href="step1.php">مرحله قبل</a>
</form>

مرحله ۳: اطلاعات حساب کاربری

فایل step3.php:

<?php
session_start();

if ($_SERVER["REQUEST_METHOD"] == "POST") {
  $_SESSION['email'] = $_POST['email'];
  $_SESSION['phone'] = $_POST['phone'];
}
?>

<form method="post" action="step4.php">
  <label for="username">نام کاربری:</label>
  <input type="text" id="username" name="username" required><br>

  <label for="password">رمز عبور:</label>
  <input type="password" id="password" name="password" required><br>

  <input type="submit" value="مرحله بعد">
  <a href="step2.php">مرحله قبل</a>
</form>

مرحله ۴: تایید اطلاعات

فایل step4.php:

<?php
session_start();

if ($_SERVER["REQUEST_METHOD"] == "POST") {
  $_SESSION['username'] = $_POST['username'];
  $_SESSION['password'] = $_POST['password'];
}
?>

<h2>تایید اطلاعات</h2>

<p>نام: <?php echo $_SESSION['name']; ?></p>
<p>نام خانوادگی: <?php echo $_SESSION['family']; ?></p>
<p>تاریخ تولد: <?php echo $_SESSION['birthday']; ?></p>
<p>ایمیل: <?php echo $_SESSION['email']; ?></p>
<p>شماره تلفن: <?php echo $_SESSION['phone']; ?></p>
<p>نام کاربری: <?php echo $_SESSION['username']; ?></p>

<form method="post" action="submit.php">
  <input type="submit" value="تایید و ارسال">
  <a href="step3.php">مرحله قبل</a>
</form>

ارسال اطلاعات

فایل submit.php:

<?php
session_start();

// ذخیره اطلاعات در پایگاه داده یا فایل
// ...

// پاک کردن اطلاعات از جلسه
session_unset();
session_destroy();

echo "<p>اطلاعات با موفقیت ارسال شد.</p>";
?>

۴. اعتبارسنجی داده‌ها

اعتبارسنجی داده‌ها یک مرحله ضروری در ساخت فرم چند مرحله‌ای است. باید اطمینان حاصل کنید که داده‌های وارد شده توسط کاربر معتبر هستند و با الزامات شما مطابقت دارند. می‌توانید از توابع PHP مانند filter_var() و empty() برای اعتبارسنجی داده‌ها استفاده کنید.

به عنوان مثال، برای اعتبارسنجی آدرس ایمیل، می‌توانید از کد زیر استفاده کنید:

همچنین، باید از اعتبارسنجی سمت سرور استفاده کنید، زیرا اعتبارسنجی سمت کاربر می‌تواند به راحتی دور زده شود.

۵. ذخیره‌سازی اطلاعات

پس از اعتبارسنجی داده‌ها، می‌توانید آن‌ها را در پایگاه داده یا فایل ذخیره کنید. اگر از پایگاه داده استفاده می‌کنید، باید یک کوئری SQL برای درج داده‌ها در جدول مربوطه ایجاد کنید. اگر از فایل استفاده می‌کنید، می‌توانید داده‌ها را در یک فایل متنی یا CSV ذخیره کنید.

در فایل submit.php، می‌توانید کد ذخیره‌سازی اطلاعات را اضافه کنید.

۶. نکات تکمیلی

• از یک قالب CSS برای طراحی فرم خود استفاده کنید تا ظاهری جذاب و حرفه‌ای داشته باشد.
• از جاوااسکریپت برای بهبود تجربه کاربری استفاده کنید، مانند نمایش پیام‌های خطا در زمان واقعی.
• از یک کتابخانه اعتبارسنجی داده‌ها برای ساده‌سازی فرآیند اعتبارسنجی استفاده کنید.
• فرم خود را به طور کامل تست کنید تا از عملکرد صحیح آن اطمینان حاصل کنید.

با پیروی از این راهنما، می‌توانید یک فرم چند مرحله‌ای با PHP بسازید که تجربه کاربری بهتری را ارائه دهد و احتمال تکمیل فرم را افزایش دهد.