PHP-JQuery：問題與recaptcha

Question

我有一個HTML文件有兩種形式，一種用於註冊，另一種用於登錄。 因此，當我注意到recaptcha不允許在每頁上放置更多的驗證碼時，我認爲我只能爲註冊表單或登錄表單（如果所有字段都爲空）顯示驗證碼。所以，我試圖從註冊表格開始，但它不起作用。

HTML：

... 
<form> 
<input type="text" id="username_reg"></input> 
<input type="text" id="email_reg"></input> 
<input type="password" id="password_reg"></input> 
<input type="password" id="cpassword_reg"></input> 
<span id="captcha_reg"></span> 
</form> 
... 

JQuery的：

$(document).ready(
function() 
{ 
    $("#username_reg").change(
    function() 
    { 
    if ($('#username_reg').val()!='' && 
     $('#email_reg').val()!='' && 
     $('#password_reg').val()!='' && 
     $('#cpassword_reg').val()!='') 
    { 
    $('#captcha_reg').html('<?php require_once("recaptchalib.php");echo recaptcha_get_html("mypubkey"); ?>' 
    ); 
    } 
    } 
); 
    $("#email_reg").change(
    //same code as first 
); 
    $("#password_reg").change(
    //same code as first 
); 
    $("#cpassword_reg").change(
    //same code as first 
); 
} 
); 

我知道jQuery代碼也不是那麼優化（從查看內存資源點），但我不有介意任何其他方式來實現這一點。任何人都可以幫助我？

Answer 1

我做了一次類似的事情。你想要做的是將一個隱藏的模板元素轉換爲reCaptcha小部件，然後當用戶切換到查看相應部分時，將整個小部件移動到適當的窗體div容器中。您可以在此時清除/重置您的字段，或者致電以獲取新的驗證碼挑戰，然後再向該部分的用戶展示。這裏有一個例子：

請參閱append()操作jQuery的API文檔：http://api.jquery.com/append/

HTML：

... 
<div id="login_container"> 
<form> 
<input type="text" id="username_reg"></input> 
<input type="text" id="email_reg"></input> 
<input type="password" id="password_reg"></input> 
<input type="password" id="cpassword_reg"></input> 
</form></div> 
<div id="captcha_template" style="display:none;"> 
<span id="captcha_reg"> 
     <?php 
      require_once("recaptchalib.php"); 
      echo recaptcha_get_html("mypubkey"); 
     ?> 
</span> 
</div> 
... 

JQuery的：

$(document).ready(function() { 
    // This will move the `#captcha_reg` span and its contents to the `#login_container` div when the DOM is ready. 
    $('#login_container').append($('#captcha_reg')); 
});