false가 반환되면 양식이 제출되지 않고 동일한 페이지로 새로 고침되지 않습니다.

Question

제출을 확인하기 전에 대화 상자를 트리거하는 것에 대해 이전에 게시했습니다. 그러나 불행히도이 문서는 제출하지 않습니다. 대신 동일한 설정으로 정확히 같은 페이지에 머물러 있습니다. 나는 submitform 함수에서 false를 넘겨 주면 문서 제출이 진행될 것이지만 "proceed"버튼에 의해 트리거되지는 않을 것이라고 테스트했다. 그래서이 경우에, 나는 거짓 반환이 주위에 있어야한다고 생각하지만 내 문서가 보장하고 "진행"을 클릭 한 후에 성공적으로 제출할 수있는 방법은 무엇입니까? 내 백 엔드가 작동하기 때문에 이것은 자바 스크립트 문제라고 생각합니다.

<script type="text/javascript"> 
     function submitform(){ 
     $("#dialog-submit").dialog("open"); 
     return false 
    } 

    $("#dialog-submit").dialog({ 
     autoOpen: false, 
     resizable: false, 
     height: 200, 
     width: 200, 
     modal: true, 
     buttons: { 
      "Proceed": function(){ 
       //submit. 
     //tried document.submitform.submit(); does not work either   
       document.forms[0].submit(); 
       $(this).dialog("close"); 

      } 
     } 
    }); 
    </script> 


<form name="submitform" action="{{ request.path }}" method="post" enctype="multipart/form-data"> 
    <input type="image" src="{{ MEDIA_URL }}images/submit.png" title="Submit Iteration" name="submitIter" onclick="return submitform();" value="{{ i.iter.key.id }}" width="25px"/> 
</form> 

Answer 1

코드를 unobtrusive javascript으로 작성해야합니다.

수정을위한 example on jsfiddle입니다.