表单在添加返回false时未提交并刷新回同一页面

Question

我以前发布过有关在确认提交前触发对话框的信息。但不幸的是，该文件现在不提交。相反，它使用完全相同的设置保持在同一页面上。我测试过了，如果我在submitform函数中删除返回false，文档提交将会通过，但不会通过“继续”按钮触发。所以在这种情况下，我相信返回false必须在周围，但我怎样才能确保我的文档将只能在点击“继续”后才能成功提交？我认为这纯粹是一个JavaScript问题，因为我的后端工作。

<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。