刷新简单验证码答案

【问题标题】：Refresh Simple Captcha刷新简单验证码
【发布时间】：2012-04-26 11:20:00
【问题描述】：

我在我的 JSP 中使用 simple captcha。一切都好。我想在验证码旁边提供一个刷新按钮，以允许用户更改验证码。验证码仅在刷新整个页面时才会更改，但我不想为它重新加载整个页面。

我需要您对如何实现这一点的建议，例如使用 AJAX 或 JQuery 仅重新加载验证码，而不是整个页面。

【问题讨论】：

【解决方案1】：

<script type="text/javascript">
    function reloadCaptcha(){
        var d = new Date();
        $("#captcha_image").attr("src", "/captcha_generator.jsp?"+d.getTime());
    }
</script>
   ...
<img id="captcha_image" src="/captcha_generator.jsp" alt="captcha image" width="200" height="50"/>
<img src="reload.jpg" onclick="reloadCaptcha()" alt="reload"width="40" height="40"/>

【讨论】：

重新加载图片无法点击..你能建议我吗？

【解决方案2】：

我不记得 SimpleCaptcha 是如何工作的，但通常，您应该简单地更改验证码 <img> 的“src”属性。刷新按钮的onClick 上类似这样的内容：

var img = document.getElementById('captcha_id');// captcha_id is the id attribute of your caprtcha img
img.src = 'Some new captcha url';

【讨论】：

【解决方案3】：

<script type="text/javascript">
    function reloadCaptcha(){
        var d = new Date();
        $("#captcha_image").attr("src", "captcha.php?"+d.getTime());
    } </script>

<img id="captcha_image" src="captcha.php" alt="captcha image" width="90" height="33"/> <img src="images/refresh.png" alt="reload" width="22" height="22" border="0" onclick="reloadCaptcha()" />

【讨论】：