首頁 > 後端開發 > php教程 > 在PHP中創建自定義驗證碼和聯繫表

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

William Shakespeare
發布: 2025-03-14 11:06:10
原創
118 人瀏覽過

該教程最初於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/imghw/default1.png" data-src="https://img.php.cn/" 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中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板