상자가 닫힐 때 jQuery UI 대화 상자 양식 응답이 남아 있음

Question

jQuery UI 대화 상자를 사용하여 양식의 일부를 처리하고 싶습니다.

코드가 이와 같이 작동하기를 바랍니다.

<form id="MyForm" name="MyForm"> 
<input type="text" id="Input1" name="Input1"> 
<input type="text" id="Input2" name="Input2"> 

<div id="dialog"> 
<input type="text" id="Input3" name="Input3"> 
<input type="text" id="Input4" name="Input4"> 
</div> 

<button type="button" onclick="$('#dialog').dialog('open');">Fill out 3 and 4</button> 

</form> 

페이지 상단의 스크립트를 사용하여 대화 상자 개체를 대화 상자 개체로 변환 할 것을 선언합니다.

1) 다음과 같은 대화 상자에 양식의 일부를 포함 할 수 있습니까?

2) 대화 상자를 닫을 때 Input3 및 Input4에 대한 사용자 입력 값이 삭제되지 않도록 할 수 있습니까?

Answer 1

나는 파이어 폭스 3.5의 코드를 시도하고 답변은 다음과 같습니다

1) 예. 나는 제출이 OK로 제출 될 것임을 테스트하지 않았지만 문제가있을 것이라고 생각하지 않는다. 2) 예, 사실 이것은 기본 동작입니다.

Answer 2

@kgiannakakis가 정확합니다 (그리고 나는 그것을 채택했습니다). FireFox's Web Developer plugin과 같은 도구를 사용하여 페이지의 여러 부분을 표시하거나 숨길 수 있습니다.

UI 대화 상자는 "display : none;" 태그를 사용하여 대화 상자로 전환 한 div를 숨 깁니다. 그것은 아무데도 가지 않습니다.

대화 상자를 채운 다음 DIV를 숨김으로 설정하는 스타일 태그를 제거하여 값이 입력 상자에 여전히 있는지 확인할 수 있습니다.