表單在添加返回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。