首頁 > 文章 > 後端開發 > 如何在PHP表單中加入電子郵件驗證，增加安全性

如何在PHP表單中加入電子郵件驗證，增加安全性

PHPz原創: 2023-06-24 08:42:061209瀏覽

隨著網路技術的不斷進步，網站應用程式越來越成熟，但是針對程式的攻擊也越來越多。其中，常見的攻擊方式就是利用漏洞向網站注入惡意程式碼，從而取得網站的敏感資訊。為了加強網站的安全性，我們不僅需要在後台加強安全控制，還需要在前台表單中加入驗證機制。

本文透過PHP表單驗證電子郵件信箱的方式來提升前端表單的安全性。透過學習本文，你將了解如何使用PHP編寫電子郵件信箱驗證的程式碼，並將其應用於表單中。

HTML表單的建置

在寫PHP程式碼之前，首先需要建立一個HTML表單。使用HTML的ff9c23ada1bcecdd1a0fb5d5a0f18437標籤和d5fd7aea971a85678ba271703566ebfd標籤建立一個基本的表單。

<form method="post" action="submit.php">
  <label>姓名</label>
  <input type="text" name="name"><br>
  <label>电子邮箱</label>
  <input type="text" name="email"><br>
  <input type="submit" name="submit" value="提交">
</form>

PHP程式碼的編寫

在表單提交後，對輸入的電子郵件信箱進行驗證。 PHP提供了filter_var()函數來驗證輸入的電子郵件信箱是否符合規定的格式。如果輸入的電子郵件信箱符合規定的格式，就列印出正確的訊息，否則提示使用者輸入電子郵件信箱格式不正確。

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

  // 验证电子邮箱格式是否正确
  if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
    echo "电子邮箱格式不正确！";
  }
  else {
    echo "姓名：".$name."<br>";
    echo "电子邮箱：".$email."<br>";
  }
}
?>

JavaScript程式碼的編寫

為了讓使用者體驗更佳，我們可以透過JavaScript程式碼在使用者離開輸入框時進行電子郵件信箱的格式驗證。當使用者離開電子郵件輸入框時，請驗證輸入的電子郵件信箱是否符合規定的格式。如果電子郵件信箱格式不正確，就彈出提示框提示使用者重新輸入。

<script>
function checkEmail() {
  var email = document.getElementById("email").value;
  var regExp = /^([w_.-+])+@([w-]+.)+([w]{2,10})+$/;
  if (!regExp.test(email)) {
    alert("电子邮箱格式不正确！");
    document.getElementById("email").focus();
    return false;
  }
  return true;
}
</script>

整合三種程式碼

以上兩段程式碼完成了基本的電子郵件驗證，但在實際應用過程中，我們往往需要整合HTML、PHP、 JavaScript程式碼。

<html>
<head>
  <title>电子邮箱验证</title>
  <script>
    function checkEmail() {
      var email = document.getElementById("email").value;
      var regExp = /^([w_.-+])+@([w-]+.)+([w]{2,10})+$/;
      if (!regExp.test(email)) {
        alert("电子邮箱格式不正确！");
        document.getElementById("email").focus();
        return false;
      }
      return true;
    }
  </script>
</head>
<body>
  <form method="post" action="submit.php" onsubmit="return checkEmail()">
    <label>姓名</label>
    <input type="text" name="name"><br>
    <label>电子邮箱</label>
    <input type="text" name="email" id="email"><br>
    <input type="submit" name="submit" value="提交">
  </form>
  <?php
  if (isset($_POST['submit'])) {
    $name = $_POST['name'];
    $email = $_POST['email'];

    // 验证电子邮箱格式是否正确
    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
      echo "电子邮箱格式不正确！";
    }
    else {
      echo "姓名：" . $name . "<br>";
      echo "电子邮箱：" . $email . "<br>";
    }
  }
  ?>
</body>
</html>

我們使用了onsubmit事件來觸發JavaScript程式碼，來完成電子郵件信箱的格式驗證。透過整合上面的三段程式碼，我們就可以在表單中加入電子郵件驗證，提高前端的安全性。

總結：

本文提供了一個基於PHP的電子郵件驗證方法，並透過JavaScript程式碼來加強使用者體驗。透過學習本文，您可以深入了解如何在表單中加入驗證機制，為您的網站增加更多的安全性。在實際應用過程中，我們也可以根據具體需求，來完善此驗證機制。

以上是如何在PHP表單中加入電子郵件驗證，增加安全性的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php JavaScript html 表单验证 filter_var 事件 input

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：PHP表單安全方案：加強使用者驗證機制下一篇：PHP表單安全方案：加強使用者驗證機制

看更多