양식 복제 섹션 오류 발생시 값 유지 (PHP 및 jQuery)

Question

신청자가 여러 개의 "이전 고용주"값을 추가 할 수있는 직업 신청서 양식을 편집 중입니다. 이 부분에는 제출시 값을 복제하고 유지해야하는 여러 필드가 있습니다. 제출 오류가있는 경우 복제 된 필드가 채워져 있어야합니다.

사이트는 이미 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> 필드의 값을 어떻게 유지할 수 있습니까?

Answer 1

물론 자동으로 백엔드를 복제 된 사용자와 업데이트해야한다면 백엔드와 상호 작용하기 위해 ajax 호출을 사용하는 것이 좋습니다. 그런 다음 목록의 각 ul (항목)에 직원의 ID를 저장하는 rel 속성이 있습니다. 그런 다음 복제 할 때 복제에 대한 올바른 정보를 수집 할 수 있도록 아약스 호출로 해당 ID를 던집니다.

복제본이 백엔드에서 만들어지면 데이터를 응답으로 되돌릴 수 있습니다. JSON 배열을 사용할 수 있습니까? 데이터를 얻었 으면 복제 된 항목과 함께 목록에 Ajax 응답에서 얻은 값을 추가하면됩니다.