添加 return false 时，表单不会提交并刷新回同一页面

Question

我之前发布过关于在确认提交之前触发对话框的信息。但是，不幸的是，该文件现在没有提交。相反，它保留在具有完全相同设置的同一页面上。我已经测试过，如果我在 submitform 函数中删除 return false ，文档提交将通过，但不会由“继续”按钮触发。所以在这种情况下，我相信 return 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 进行修复。