我的网页上有一个 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>
最佳答案
<form onsubmit="return false">
这应该可以解决问题。
关于Javascript表单提交问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5582740/