Jquery에서 중첩 된 폼 실링이 작동하지 않습니다.

Question

웹 응용 프로그램을 개발 중입니다. 양식이있는 페이지 (form1)가 있으며, 양식이있는 다른 페이지 (form2)를 form1 안에 넣고 있습니다. 두 양식 모두 일부 값을 갖습니다. 두 양식을 모두 직렬화하려고합니다. $('#form1').serialize();과 같은 루트 양식 (form1)을 지정하면 form2이 아닌 루트 양식 (form1) 만 직렬화합니다.

이렇게 지정하면 $('#form1, #form2').serialize();과 $('form').serialize();은 모든 양식을 봉인합니다.

form2가 아닌 루트 폼을 serialize하는이 jQuery $('form1').serialize();의 문제점은 무엇입니까?

jsFiddle example으로 시도해 보았는데 정상적으로 작동합니다. 웹 응용 프로그램 양식의 문제점은 무엇입니까?

Answer 1

:input 선택기를 사용할 수있는 용도로도 지원되지 않습니다.

$('#form1 :input').serialize(); 

필터를 사용하는 것이 좋습니다.

$('#form1 > *').filter(':input').serialize(); 

중첩 된 양식을 사용하는 이유를 설명 할 수 있다면 몇 가지 해결 방법을 제안 할 수 있습니다. 예를 들어, AJAX 요청에 두 번째 양식 만 사용하는 경우 div로 덮어서 해당 양식 항목을 쉽게 선택하거나 추가 클래스에 제공하고 유사한 선택기를 사용할 수 있습니다.

Answer 2

HTML에 중첩 된 양식을 사용할 수 없습니다. jQuery는이를 처리 할 수 ​​없습니다. 그들을 생성하지 마십시오.