在PHP中創建自定義驗證碼和聯繫表

該教程最初於10年前出版，已完全使用現代代碼來生成隨機驗證碼。討論線程中的許多評論是指過時的代碼。

自動化過程是編碼，利用計算機的速度和準確性的關鍵好處。但是，可能會濫用這種功能，例如垃圾郵件或密碼破裂等惡意活動。該教程著重於反垃圾郵件技術。

考慮一個帶有聯繫表的網站。儘管對於合法用戶來說很方便，但很容易受到自動垃圾郵件提交的影響。機器人可以通過垃圾郵件鏈接氾濫聯繫表，論壇或評論部分。

解決方案？將機器人與人類區分開的測試：與PHP形式集成的驗證碼。傳統的驗證碼在圖像中呈現扭曲的文本；人類可以閱讀它，但機器人通常不能。這將驗證用戶對原始驗證碼文本的輸入。 CAPTCHA代表“完全自動化的公共圖靈測試，以將計算機和人類分開。”

該教程演示了創建和集成驗證驗證碼為觸點表格。

創建驗證碼

我們將使用PHP GD庫。以前的教程涵蓋了GD的文本和形狀繪圖功能。我們還將為驗證碼生成一個隨機字符串。

生成一個隨機字符串

該代碼位於captcha.php中。 generate_string()函數創建隨機字符串。原始generate_string()函數已被更安全的random_int()替換。

創建驗證碼背景

接下來，我們使用五種不同顏色生成驗證碼映像背景（200x50像素）。

隨機$red ， $green和$blue值決定了基本顏色。循環會產生深色的陰影，並存儲在$colors數組中。最輕的顏色充滿了背景，隨後的矩形增加了複雜性。

示例驗證碼背景圖像

渲染驗證碼字符串

最後，我們將隨機字符串繪製到背景上。字母顏色，Y坐標和旋轉是隨機的，以增加難度。

下載的字體提供字符變化。添加了填充（15個像素），其餘空間均勻地分配在字符之間。

示例驗證圖像（背景和文本）

將驗證碼集成到觸點表格

現在，讓我們將驗證碼集成到觸點表格中（假設您有一個已有的聯繫表格）。我們將使用會話存儲和驗證驗證碼文本。

完整的captcha.php代碼：

在您的聯繫表中的“發送消息”按鈕上方添加此HTML：

<div class="elem-group">
    <label for="captcha">請輸入驗證碼文字</label>
    <img src="/static/imghwm/default1.png" data-src="https://img.php.cn/?x-oss-process=image/resize,p_40" class="lazy" alt="在PHP中創建自定義驗證碼和聯繫表">
    <i class="fas fa-redo refresh-captcha"></i>
</div>

添加此JavaScript以允許刷新驗證碼：

 var refreshbutton = document.queryselector（“。refresh-captcha”）;
refreshbutton.onclick = function（）{
  document.queryselector（“。” Captcha-Image）。src ='catpcha.php？' date.now（）;
};

示例聯繫表與CAPTCHA

最後，更新您的聯繫表格處理腳本（ contact.php ）以驗證驗證碼：

 您輸入了不正確的驗證碼。 ';
    }
} 別的 {
    迴聲'<p>出了點問題</p>';
}

？>

這檢查用戶的輸入是否與會話存儲的驗證碼文本匹配。

結論

本教程創建了自定義的PHP驗證碼，並將其集成到觸點表格中，並通過刷新按鈕增強了安全性和用戶體驗。您可以適應它以使用不同的驗證碼方法，例如數學問題。有關更高級的功能，請考慮使用CodeCanyon的插件。

以上是在PHP中創建自定義驗證碼和聯繫表的詳細內容。更多資訊請關注PHP中文網其他相關文章！