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。

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

1 个答案: