可以在驗證碼圖片上面添加一個刷新按鈕,通過點擊按鈕重新獲取驗證碼。以下是一個示例:
<!-- 在 HTML 頁面中引用驗證碼圖片,使用 JavaScript 給其添加點擊事件 -->
<div>
<img id="captcha" src="captcha.php" alt="驗證碼">
<button onclick="refreshCaptcha()">刷新</button>
</div>
<!-- 提交表單時發送驗證碼字符串 -->
<input type="text" name="captcha">
<script>
function refreshCaptcha() {
document.querySelector('#captcha').src = 'captcha.php?' + Date.now();
}
</script>在上面的代碼中,我們給驗證碼圖片添加了一個 ID,然後使用 JavaScript 給其添加了一個點擊事件。當點擊“刷新”按鈕時,會調用 refreshCaptcha() 函數,該函數會獲取驗證碼圖片對象並通過給其添加一個隨機參數的方式刷新驗證碼圖片。然後用戶就可以看到新的驗證碼並進行輸入了。