PHP＆JavaScript |包括PHP數學驗證碼在JavaScript生成的表單

Question

首先，我用下面的代碼生成通過JavaScript形式，並將它附加一些容器（我的選擇）：

var registerStructureWrapper = '<div class="content-register"></div>'; 

var registerStructure = [ 
     '<form name="',opts.regFormClass,'" class="',opts.regFormClass,'" method="post" action="#">', 
      '<fieldset class="',opts.regFieldsWrapper,'">', 
       '<fieldset class="',opts.regUserWrapper,'">', 
        '<label for="',opts.regUserInt,'" class="',opts.regUserLbl,'">',checkNameLenght(opts.regUserName,regNamesLenght.userNameLenght,20,'Username'),'</label>', 
        '<input type="text" name="',opts.regUserInt,'" class="',opts.regUserInt,'" placeholder="" value="" autocomplete="off" />', 
       '</fieldset>', 
       '<fieldset class="',opts.regEmailWrapper,'">', 
        '<label for="',opts.regEmailInt,'" class="',opts.regEmailLbl,'">',checkNameLenght(opts.regEmailName,regNamesLenght.emailNameLenght,20,'Email'),'</label>', 
        '<input type="email" name="',opts.regEmailInt,'" class="',opts.regEmailInt,'" placeholder="" value="" autocomplete="off" />', 
       '</fieldset>', 
       '<fieldset class="',opts.regPassWrapper,'">', 
        '<label for="',opts.regPassInt,'" class="',opts.regPassLbl,'">',checkNameLenght(opts.regPassName,regNamesLenght.passNameLenght,20,'Password'),'</label>', 
        '<input type="password" name="',opts.regPassInt,'" class="',opts.regPassInt,'" placeholder="" value="" autocomplete="off" />', 
       '</fieldset>', 
       '<fieldset class="',opts.regConfWrapper,'">', 
        '<label for="',opts.regConfInt,'" class="',opts.regConfLbl,'">',checkNameLenght(opts.regConfName,regNamesLenght.confNameLenght,20,'Confirm Password'),'</label>', 
        '<input type="password" name="',opts.regConfInt,'" class="',opts.regConfInt,'" placeholder="" value="" autocomplete="off" />', 
       '</fieldset>', 
       '<fieldset class="',opts.regBtnWrapper,'">', 
        '<div class="message-handling"></div>', 
        '<button type="submit" name="',opts.regBtnInt,'" class="',opts.regBtnInt,'">',checkNameLenght(opts.regBtnName,regNamesLenght.btnNameLenght,8,'Register'),'</button>', 
       '</fieldset>', 
      '</fieldset>', 
     '</form>', 
     '<div class="',opts.regBackBtn,'">', 
      '<ul class="inside">', 
       '<li class="back"><a><img src="assets/gfx/back.png" alt="Back" /></a></li>', 
      '</ul>', 
     '</div>' 
    ]; 


    $(registerStructureWrapper).appendTo(container).hide(); 
    var registerWrapper = $(container).find('.content-register'); 
    $(registerStructure.join('')).appendTo(registerWrapper); 

和我有下面的代碼生成一個數學驗證碼：

<?php 

    public function mathCaptcha() 
    { 
     $sum1 = mt_rand(1,9); 
     $sum2 = mt_rand(1,9); 
     $sum3 = $sum1 + $sum2; 
     $_SESSION['answer'] = $sum3; 
     return $sum1 . ' + ' . $sum2 . ' = '; 
    } 

?> 

我的問題是我能以某種方式包括總和爲JS生成的表單？有沒有一種方法可以做到這一點，而沒有在純HTML中的形式，但生成它，因爲我已經這樣做？

提示：該腳本不在頁面上，它是一個帶有<script>標籤的加載腳本。

Answer 1

如果您想將變量從PHP傳遞給JS，您需要通過PHP生成JS代碼，或者您需要通過AJAX動態加載PHP結果並將其包含到您的表單中。

對於AJAX加載，使用這樣的：

$('#captcha_placeholder').load('/php_captcha.php'); 

如果您php_captcha.php文件應類似於你的，但應該呼應輸出。

您應該進行一些更改，因爲這僅僅是原始的想法。