克隆表单的部分&;错误时保留值(PHP&;jQuery)


Clone section of form & retain values on error (PHP & jQuery)

我正在编辑求职申请表的一部分,申请人可以在其中添加多个"前雇主"值。这部分中有几个字段,我需要在提交时克隆并保留其值。如果存在提交错误,则克隆的字段应保持填充状态。

该网站已经使用jQuery,并且正在使用PHP&梨来处理表格的提交和验证。

<h3>Previous Employer</h3>              
<ul>
    <li>                
      <span>Date of Hire</span>
        <input type="text" name="field41" value="<? echo $_POST['field41']; ?>" class="sm requiredField"> 
    </li>
    <li>
      <span>End Date </span>
        <input type="text" name="field42" value="<? echo $_POST['field42']; ?>" class="sml requiredField"> 
    </li>
</ul>
<ul>
    <li>
      <span>Name of Employer </span>
        <input type="text" name="field43" value="<? echo $_POST['field43']; ?>" class="sm requiredField"> 
    </li>
    <li>
      <span>Address </span>
        <input type="text" name="field44" value="<? echo $_POST['field44']; ?>" class="sml requiredField"> 
    </li>
</ul>
<ul class="last" id="emp">
    <li>
      <span><a href="#emptop" class="add_emp_field">Add Another Position</a></span>  
    </li>
</ul>
...

处理该字段块的克隆的最佳方法是什么+我如何保留它们的值,以便在出现错误时不会清空字段?此外,在提交错误时,如何保留<select>字段中的值?

如果它应该与克隆的用户一起自动更新后端,我建议使用ajax调用与后端交互。然后,您可以在列表的每个ul(项)中都有一个rel属性,用于存储员工的id。然后,在进行克隆时,使用ajax调用抛出该id,这样它就可以为克隆收集正确的信息。

一旦在后端进行了克隆,您就可以让它将数据作为响应抛出。可以创建JSON数组吗?一旦获得了数据,就可以将从ajax响应中获得的值与克隆的项目一起添加到列表中。