2013-08-21 103 views
1

我在我的聯繫人頁面中使用簡單的驗證碼。我想添加一個使用javascript/jQuery的刷新功能。 使驗證碼圖像的功能位於單獨的文件中。 當頁面加載CAPTCHA時效果很好,但我無法進行刷新。 我的代碼是:jQuery/php刷新驗證碼

<head> 
... 
    $(document).ready(function(){ 
     $('#reload').click(function(){ 
      $("#captcha").load("functions/captcha.php"); // function that creates the NEW CAPTCHA 
      $("#captcha").attr("src", "images/captcha.jpg?"+(new Date()).getTime()); 
     }); 
    }); 

... 
</head> 
<body> 
<?php 
    require(functions/captcha.php); 
?> 

    // form 
    ... 
    <label for="captcha_code">ENTER CAPTCHA</label> 
    <img src="images/captcha.jpg" id="captcha" /> 
     <a id='reload'>Refresh now</a> 
     <input type="text" name="captcha_code" value="captcha_code"> 
    ... 

我真的感謝您的幫助。 謝謝您的閱讀。

回答

0

您應該在「functions/captcha.php」完全加載之前等待。

試試這個例子:

<div id="loader"></div> <!-- hide this div by css --> 
$('#reload').click(function() { 
    $("#loader").load("functions/captcha.php", function() { 
      $("#captcha").attr("src", "images/captcha.jpg?refr="+(new Date()).getTime()); 
    }); 
}); 

但不能夠更好地創造functions/captcha.php輸出的圖像,只是刷新src參數?

+0

謝謝托馬斯,但它仍然無法正常工作。你是對的,但首先我想弄清楚如何創建一個新的。 –