کار با فرم ها - فیلدهای الزامی فرم ها در PHP

Item: کار با فرم ها - فیلدهای الزامی فرم ها در PHP
Rating: 4
Author: راضیه علی شاهی

با استفاده از فیلم های آموزشی تولید شده توسط کلیک سایت، به راحتی می توانید کار با فرم ها - فیلدهای الزامی فرم ها در PHP را آموزش ببینید. در ادامه دعوت می شود که فیلم دمو (بخش اول آموزش) را در زیر مشاهده نمایید.

جهت مشاهده کامل این آموزش کلیک کنید

این آموزش نشان می دهد که چگونه فیلدهای الزامی را ایجاد کنید و در صورت لزوم پیام های خطای متناسب را نمایش دهید.

فیلد های ضروری در php

از جدول قوانین اعتبار در آموزش قبلی، دیدیم که فیلدهای "نام"، "پست الکترونیکی" و "جنسیت" الزامی هستند. این فیلدها نباید خالی باشند و باید در فرم HTML پر شوند.

قوانین اعتبارسنجی برای فرم بالا به شرح زیر است:

فیلد	قوانین اعتبارسنجی
نام	الزامی است. فقط باید شامل حروف الفبا و خط فاصله باشد.
ایمیل	الزامی است. باید شامل فرمت صحیح ایمیل باشد (همراه با علامت @ و .)
وبسایت	اختیاری است. اگر پر شد، باید شامل فرمت صحیح URL باشد.
توضیحات	اختیاری است. می تواند شامل چند خط متن باشد (textarea)
جنسیت	الزامی است. یکی از دو مورد باید انتخاب شود.

در آموزش قبل، تمام فیلدهای ورودی اختیاری بود. در کد زیر چند متغیر جدید اضافه کردیم: $nameErr, $emailErr, $genderErr, و $websiteErr.

این متغیرهای خطا، متن خطای مورد نظر(error message) را برای فیلدهایی که پر کردن آنها الزامی هستند را در خود نگه می دارند. ما همچنین برای هر متغیر POST_$ یک دستور if ... else اضافه کرده ایم.

دستور شرطی، با استفاده از تابع empty چک می کند که اگر متغیر POST_$ خالی است، یک متن خطای متناسب تولید شود و در متغیرهای خطا، ذخیره گردد. و اگر فیلدِ الزامی، پر شده بود، داده های ورودی کاربر، از طریق تابع test_input ارسال شود:

<?php
// define variables and set to empty values
$nameErr = $emailErr = $genderErr = $websiteErr = "";
$name = $email = $gender = $comment = $website = "";

if ($_SERVER["REQUEST_METHOD"] == "POST") {
  if (empty($_POST["name"])) {
    $nameErr = "Name is required";
  } else {
    $name = test_input($_POST["name"]);
  }

  if (empty($_POST["email"])) {
    $emailErr = "Email is required";
  } else {
    $email = test_input($_POST["email"]);
  }

  if (empty($_POST["website"])) {
    $website = "";
  } else {
    $website = test_input($_POST["website"]);
  }

  if (empty($_POST["comment"])) {
    $comment = "";
  } else {
    $comment = test_input($_POST["comment"]);
  }

  if (empty($_POST["gender"])) {
    $genderErr = "Gender is required";
  } else {
    $gender = test_input($_POST["gender"]);
  }
}
?>

نمایش پیام های خطا(Error Messages)

ما برای نمایش خطاها، در فرم HTML، یک اسکریپت کوچک بعد از هر "فیلد الزامی" اضافه می کنیم، تا در صورت نیاز پیغام خطای صحیح را تولید کند، یعنی اگر کاربر سعی کند فرمی بدون تکمیل فیلدهای مورد نیاز را ارسال کند پیغام خطای متناسب با فیلدهای الزامی، نمایش داده شود و مانع از ارسال فرم گردد.

<form method=”post” action=”<?php echo htmlspecialchars($_SERVER[“PHP_SELF”]);?>”>

Name: <input type=”text” name=”name”>
<span class=”error”>* <?php echo $nameErr;?></span>
<br><br>
E-mail:
<input type=”text” name=”email”>
<span class=”error”>* <?php echo $emailErr;?></span>
<br><br>
Website:
<input type=”text” name=”website”>
<span class=”error”><?php echo $websiteErr;?></span>
<br><br>
Comment: <textarea name=”comment” rows=”5” cols=”40”></textarea>
<br><br>
Gender:
<input type=”radio” name=”gender” value=”female”>Female
<input type=”radio” name=”gender” value=”male”>Male
<span class=”error”>* <?php echo $genderErr;?></span>
<br><br>
<input type=”submit” name=”submit” value=”Submit”> 

</form>

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

<!DOCTYPE HTML>
<html>
   <head>
      <style>
           .error {color: #FF0000;}
          div{margin-bottom: 10px;}
      </style>
   </head>
   <body style="direction: rtl">
      <?php
         // define variables and set to empty values
         
         $nameErr = $emailErr = $genderErr = $websiteErr = "";
         
         $name = $email = $gender = $comment = $website = "";
         
         
         
         if ($_SERVER["REQUEST_METHOD"] == "POST")
         
         {
         
         
         
            if (empty($_POST["name"]))
         
              {$nameErr = "وارد کردن نام الزامی است";}
         
            else
         
              {$name = test_input($_POST["name"]);}
         
           
         
            if (empty($_POST["email"]))
         
              {$emailErr = "وارد کردن ایمیل الزامی است";}
         
            else
         
              {$email = test_input($_POST["email"]);}
         
             
         
            if (empty($_POST["website"]))
         
              {$website = "";}
         
            else
         
              {$website = test_input($_POST["website"]);}
         
         
         
            if (empty($_POST["comment"]))
         
              {$comment = "";}
         
            else
         
              {$comment = test_input($_POST["comment"]);}
         
         
         
            if (empty($_POST["gender"]))
         
              {$genderErr = "انتخاب جنسیت الزامی است";}
         
            else
         
              {$gender = test_input($_POST["gender"]);}
         
           
         
         }
         
         
         
         function test_input($data)
         
         {
         
              $data = trim($data);
         
              $data = stripslashes($data);
         
              $data = htmlspecialchars($data);
         
              return $data;
         
         }
         
         ?>
      <h2>فرم</h2>
      <form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
         <div>
              <span>نام:</span><input type="text" name="name">
              <span class="error">*</span>
         </div>
         <div>
              <span>ایمیل:</span><input type="text" name="email">
              <span class="error">*</span>
         </div>
         <div>
              <span>وب سایت:</span><input type="text" name="website">
              <span class="error"></span>
         </div>
         <div>
              <span>توضیحات:</span><textarea name="comment" rows="5" cols="40"></textarea>
         </div>
         <div>
            <span>جنسیت:</span>
            <input type="radio" name="gender" value="female">زن
            <input type="radio" name="gender" value="male">مرد
         </div>
         </div><input type="submit" name="submit" value="ارسال اطلاعات"></div>
      </form>
      <?php
         if ($nameErr!="" || $emailErr!="" || $genderErr!="" || $websiteErr!="")
         
         echo "<span style='color:red' >
         
                  $nameErr <br /> $emailErr <br /> $genderErr <br /> $websiteErr
         
               </span>";
         
         else
         
         {
         
         echo "<br /><h2>خروجی</h2>";
         
         echo "نام :$name";
         
         echo "<br />";
         
         echo "ایمیل: $email";
         
         echo "<br />";
         
         echo "وب سایت: $website";
         
         echo "<br />";
         
         echo "توضیحات: $comment";
         
         echo "<br />";
         
         echo "جنسیت: $gender";
         
         }
         
         ?>
   </body>
</html>

تصویر زیر حاصل اجرای کد بالا می باشد :

گام بعدی آموزش، این است که داده های ورودی را تأیید کنید، یعنی اگر فیلدها پر شوند "آیا فیلدِنام فقط حاوی حروف و فاصله خالی است؟" و "آیا فیلد ایمیل حاوی یک آدرس ایمیل معتبر است؟" و " آیا فیلد وب سایت دارای یک URL معتبر است؟ "

پکیج های آموزشی جدید

آموزش ساخت سیستم نظردهی با PHP

فصلِ: 1 , تعداد قسمت ها: 7 , سطح: صفر تا صد

موضوعات: آموزش PHP

این فصل در یک نگاه:

در این مجموعه به ساخت سیستم نظردهی در php می پردازیم.…

بنا به درخواست یکی از کاربران گرامی سایت (امیر تجاره) طی چند مجموعه آموزشی قصد داریم نحوه ساخت و پیاده سازی سیستم ثبت نظرات و هم چنین نحوه ثبت پاسخ به هر نظر را مورد بررسی قرار دهیم. این مج…

طراحی و برنامه نویسی وب

برنامه نویسی موبایل

برنامه نویسی ویندوز

سایر

کار با فرم ها - فیلدهای الزامی فرم ها در PHP

فیلد های ضروری در php

نمایش پیام های خطا(Error Messages)

آیا نیاز به مدرک هم دارید؟