带有 PHP 代码的 JavaScript 函数不起作用

Question

我有一个带有 JavaScript 和 PHP 验证的表单。表单的功能之一是复制 DIV 并将其添加到页面的 JavaScript 函数。复制功能没有任何问题，PHP 和 Javascript 验证对初始 DIV 有效。​​

问题： PHP 验证不适用于新创建的 DIV。

换句话说，我有一个使用 JavaScript 函数复制的 DIV，并且有一些 PHP 代码。问题在于 PHP 代码仅适用于初始 DIV 而不是新创建的 DIV。

这是复制的 HTML 代码：

<div id="addinput">

<p> lorem 
   <input onBlur="data(this)" type="text"  id="valA" name="valA" 
    value="<?php   echo  ($valA);?>"/> 
   <span><?php echo $valAErr;?></span> 

    <select id="valD" name="valD" size="1">
       <option selected disabled hidden value=''></option>
       <option value="valueA">A</option>
       <option value="valueB">B</option> 
    </select>
    <span class="error"><?php echo $valDErr;?></span> 

    <a href="#" id="addNew">Add</a>
</p>
</div>

这是复制 DIV 的初始 JavaScript 函数。这是在我在 Javascript 函数和 HTML 代码中添加 PHP 代码之前制作的，并且可以正常工作。

$(function() {
var addDiv = $('#addinput');
var i = $('#addinput p').size() + 1;
$('#addNew').live('click', function() {
$('<p> lorem 
       <input onBlur="data(this)" type="text" id="valA" name="valA' + i +'" 
        value=""/>


        <select id="valD" name="valD' + i +'" name="tip" size="1">
           <option selected disabled hidden value=''></option>
           <option>A</option>
           <option>B</option>
        </select>

        <a href="#" id="remNew">Delete</a> 
</p>').appendTo(addDiv);

i++;

return false;
});

$('#remNew').live('click', function() {
if( i > 2 ) {
$(this).parents('p').remove();
i--;
}
return false;
});
});

这是我用 PHP 编写的 JavaScript 代码，但它不起作用：

$('#addNew').live('click', function() {
$('<p>lorem

      <input onBlur="data(this)" type="text" id="valA" name="valA' + i +'" 
       value="<?php echo ($valA);?>"/>
      <span class="eroareData, error"> <?php echo $valAErr;?> </span> 

      <select id="valD" name="valD' + i +'" name="tip" size="1">
            <option selected disabled hidden value=''></option>
            <option value="A">A</option>
            <option value="B">B</option>
      </select> 
      <span class="error"><?php echo $valCErr;?></span>
     <a href="#" id="remNew">Delete</a> </p>').appendTo(addDiv);

Answer 1

似乎您正在尝试添加一些错误消息或其他内容 （这就是我可以组成的代码）

尝试先在一段 php 代码中验证它，然后创建一个字符串并在其中动态添加消息。

PHP

// Validation stuff here
$script_string = "<div>". $valDErr ."</div>";

JavaScript：

$("#addNew").click(function(event){
    $("#appendDiv").append("<?php echo $script_string; ?>");
});

Answer 2

$('#addNew').on('click', function() { // live() is dead =)
    $('<p>De la <input onBlur="data(this)" type="text" id="valA" name="valA' + i +'" value="' + <?php echo $valA; ?> + '"/><span class="eroareData, error">' + <?php echo $valAErr; ?> + '</span> pana la <input onBlur="data2(this)" type="text" id="valB" name="valb' + i +'" value="' + <?php echo $valB; ?> + '"/><span class="eroareData2' + i +', error">' + <?php echo $valBErr; ?> + '</span> la pretul de <input onBlur="numar2(this)" type="text" id="valC" name="valC' + i +'" value="' + <?php echo $valC; ?> + '" /> <span class="eroareNumere2' + i +', error">' + <?php echo $valCErr; ?> + '</span> LEI pe <select id="valD" name="valD' + i +'" name="tip" size="1"><option selected disabled hidden value=''></option><option value="zi">zi</option><option value="samptamana">samptamana</option><option value="luna">luna</option></select> <a href="#" id="remNew">Sterge</a> </p>').appendTo(addDiv);
});

PHP 将在您的 JavaScript 之前执行，因此您无需转义双引号...我刚刚添加了一些 JavaScript concat 以提高代码可读性...希望对您有所帮助