Contao에서 하나의 버튼으로 여러 양식을 보내는 방법은 무엇입니까?

Question

래퍼/어코드에 대한 질문이 있습니다. 이제는 여러 래퍼가 있고 각 래퍼에는 한 개의 폼이 있습니다. 이제 페이지 끝 부분에 하나의 보내기 버튼이 필요합니다. 한 번에 채워진 모든 양식을 보낼 송신 버튼.

어떻게하면됩니까?

Answer 1

입력을 여러 가지 양식으로 나누어서 한 번에 다시 제출하려는 이유를 모르겠습니다. 하나의 양식을 사용하여 데이터를 제출하고 processFormData 후크를 사용하여 원하는 방식으로 처리하는 것이 이치에 맞지 않습니까? 아코디언으로 필드를 그룹화하려는 것이기 때문일 수 있습니다. 이 방법을 도와 드리겠습니다.

아래 표시된 형식으로 양식을 만드십시오. 필드 세트를 사용할 수 있으려면 양식에 탭이없는 레이아웃이 있는지 확인하십시오.

1. 레이블이없는 필드 세트를 만듭니다. 어떤 스타일링이 붙어있는 경우를 대비해서 ce_accordion 클래스를 추가 할 수 있습니다.

2. html 유형의 필드를 만들고 다음 마크 업을 추가하십시오.

   <div class="toggler">Form 1 headline here</div>

3. 는

   <div class="toggler">

4. 지금 여기에서 입력 필드를 만들려면 다음 마크 업으로 다른 필드를 만듭니다. 예를 들어 텍스트 필드 인 textares.

5. 는 FIELDSET 래퍼는 여기서 끝나지 만들기

   </div>

6. 3 단계에서 만든 HTML 마크 업을 닫 형 HTML의 필드를 작성합니다.

위의 단계는 아코디언에서 만들려는 필드 그룹 수만큼 반복 할 수 있습니다.

1. 여기서 버튼을 작성하면 모든 데이터가 원하는 방식으로 전송됩니다.

그냥 작별 : 어떤 사람이 닫힌 래퍼에 양식을 제출하면 어떻게 래퍼에 오류 필드가 있는지 알 수 있습니까? .hasErrors가

를 지배하기위한

$(document).ready(function() { 
    $(".ce_accordion").each(function(index,el) { 

     if($(this).find("p.error")){ 
$(this).addClass("hasErrors"); 
$(this).find("div.toggler").addClass("active").attr("aria-expanded","true"); 
} 

    }); 
​});​ 

이제 스타일을 추가 할 수 있습니다