Javascript表单提交问题

Question

我的网页上有一个 html 表单，其中包含一个图像，单击该图像将触发一个对话框页面。但是，表单提交会触发并强制进行提交。我怎样才能防止这种情况发生？

<script>
     //trigger dialog
     $('#submitIter').click(function(){
        $("#dialog-submit").dialog("open");
                    return false
    });

    $("#dialog-submit").dialog({            
        autoOpen: false,
        resizable: false,
        height: 200,
        width: 200,
        modal: true,
        buttons: {
            "Proceed": function(){
                //submit after user clicks proceed cannot seem to work
                document.forms[0].submit();
                $(this).dialog("close");

            }
        }
    });
</script>

<form action="{{ request.path }}" method="post" enctype="multipart/form-data">

   <input type="image" src="images/submit.png" id="submitIter">

</form>

Answer 1

<form onsubmit="return false">

这应该可以解决问题。