DreamweaverOnline
織夢線上 beta 2.0

檔案名稱：ASPCapthca 圖片驗證機制 <DCaptchaASP.mxp>
擴充類型：伺服器行為
支援語言：ASP VBSCRIPT
程式作者：茶米站長@織夢線上
官方網址：http://www.dreamweaver.com.tw

許多朋友在製作留言版上線後，都有留言被不肖廣告商利用網站機器人等程式大量留言，甚至洗版的困擾，如何為網站加上圖片驗證機制以防堵這樣的問題呢？

一、 什麼是Capthca圖片驗證機制

圖片驗證機制目前廣泛用於網站的留言板，許多留言板為防止有人利用電腦程式大量在留言板上張貼廣告或其他垃圾訊息，因此會放置圖片驗證機制要求留言者必須輸入圖片上所顯示的文數字或是算術題才可完成留言。

一般來說圖片驗證機制都是透過 Session 進行驗證，驗證圖片都是透過程式產生，並同時將顯示在圖片上的文字寫入到自訂的 Session 值中，等原本的網頁表單送出時將這個 Session 值與使用者於網頁上輸入的文字進行比對，即可完成圖片的驗證程序。

二、 安裝擴充程式：<eDCaptchaASP.mxp>

原理似乎不難，但是要怎麼實作呢？在這裡要介紹由 eDreamer 織夢平台 所研發的擴充程式：<eDCaptchaASP.mxp>，可以為頁面上的表單加上圖片驗證機制。

• 在附書光碟找到 <eDCaptchaASP.mxp> 後直接選按此檔二下即可自動執行安裝動作。安裝後即會進入 Adobe Extension Manager 中，可以看到 ASPCaptcha 圖片驗證制已經成功安裝。 請重新啟動 Dreamweaver 以確保這個擴充程式在安裝後可以生效。

三、 加入 ASP 圖片驗證機制

1. 開啟 <post.asp>，在表單中的表格最後加上一列，標上表頭「驗證碼」，再將插入點移到第二欄中。
2. 按 伺服器行為 面板的 + \ eDreamer \ ASPCaptcha圖片驗證機制 插入驗證圖片及程式。

3. 在 ASPCaptcha圖片驗證機制 對話方塊設定驗證失敗時前往 <post.asp> 重新輸入資料，最後按 確定 鈕。

4. 回到編輯畫面，果然就插入了圖片驗證機制的區塊，如此即設定完畢。

四、 測試 ASP 圖片驗證機制

就這麼簡單？沒錯，請儲存檔案後按下 F12 鍵馬上來使用瀏覽器來測試看看：

1. 進入留言畫面，剛才加入驗證碼程式的區塊果然出現了圖片驗證碼，請按一旁更換圖片 的連結。

2. 程式馬上換一個驗證圖片，當產生驗證圖片看不清楚時可以使用這個連結來替換新的圖片進行驗證。請將留言資料填上後，再填入一個錯誤的驗證碼，最後按 送出 鈕。

3. 資料果然沒有被接受，整個頁面被重新導回留言的頁面。

4. 請再輸入一次留言資料，並輸入正確的圖片驗證碼後按送出。

5. 資料果然正確的存入資料庫中並顯示在頁面上了，是不是很棒呢！

最後要叮嚀一點：因為 ASPCapthca 圖片驗證機制 擴充程式在使用時，會同時在產生 <captcha.asp> 放置在同一層目錄中，在上傳程式到主機時要一併上傳，才能正確的顯示驗證圖片。

請問此教材內的擴充程式是在茶米老師的哪本書出現，謝謝！

參考一下吧

http://www.dreamweaver.com.tw/index.php?fid=2&viewtopic=30420

歡迎光臨YOGO生活誌 http://blog.yogo.tw

老师能不能把这个扩充程序发给我，谢谢，mlx365@163.com