Js确认如果取消刷新页面
js confirm refreshes page if cancelled
所以我有一个表单,当提交时需要确认。我使用Javascript确认来提示这一点。但是,如果有人点击取消,我不希望它刷新。我以为放一个空的else语句会这样做,但似乎我错了。
不确定我需要做什么,以确保它不会刷新,如果有人按下取消弹出。
JS确认代码function postConfirm() {
if (confirm('You will not have another chance after submitting to view your post. Please make sure it is exactly how you want it before continuing. ')) {
yourformelement.submit();
} else {
}
}
使用这个JS函数的表单(如果需要)
<div id="uploadForm">
<center>
<form enctype="multipart/form-data" action="functions/post_upload.php" method="post">
<input type="hidden" name="MAX_FILE_SIZE" value="99999999" />
<div><textarea id="text" cols="70" rows="15" name="entry"></textarea></div>
<p> Attach an image to this memory!</p>
<input name="userfile" type="file"><br>
<input type="submit" value="Submit" class="blueButton" onclick="postConfirm()"/></div>
</form></center>
</div>
变化:
onclick="postConfirm()"
onclick="return postConfirm()"
,在你的函数中,使用else:
else {
return false;
}
<<p> jsFiddle例子/strong> 尝试添加
return false;
到if语句的else部分。
编辑:还要修改对该函数的调用,以便将返回false传递回提交操作(该操作在单击按钮时触发)。
<input type="submit" value="Submit" class="blueButton" onclick="return postConfirm()"/></div>
您可以使用事件对象的preventDefault()
方法阻止表单提交,并使用表单元素的submit()
方法在确认后手动提交表单。
将HTML
更改为:
<input type="submit" value="Submit" class="blueButton" onclick="postConfirm(event)"/></div>
function postConfirm(e) {
e.preventDefault();
if(confirm('You will not have another chance after submitting to view your post. Please make sure it is exactly how you want it before continuing. '))
yourformelement.submit();
}
然而,最好避免内联javascript,因为它被认为是一种不好的做法。你可以这样做:
var button = document.getElementsByClassName("blueButton")[0];
button.addEventListener("click",function(e) {
e.preventDefault();
if(confirm('You will not have another chance after submitting to view your post. Please make sure it is exactly how you want it before continuing. '))
yourformelement.submit();
});
try
<input type="button" value="Submit" class="blueButton" onclick="postConfirm()"/></div>
不是<input type="submit" value="Submit" class="blueButton" onclick="postConfirm()"/></div>
相关文章:
- 强制模板刷新ember.js
- 如何通过ajax刷新JSF填充的javascript变量
- 如何在angularJS中编辑时,如果DB中的值为true,则设置复选框,如果值为false,则取消选中复选框
- jquery点击函数select&取消选择
- 如何解决Yii中的页面刷新问题
- Jquery提交表单而不刷新
- 使用Jquery选择或取消选择ListView中的所有复选框
- 刷新页面后会出现警报
- 如何取消选择所选选项并将JqueryMobile中选择的值刷新为1st
- 如何使用复选框jQuery取消选中并刷新数据
- 取消选中 Mozilla 刷新的复选框
- 如何防止在单击确认警报框中的取消按钮后刷新页面
- 如何在 JavaScript 函数调用和页面刷新时取消绑定 OnbeforeUnload 事件
- 谷歌chrome没有't在使用javascript取消选择时刷新选择选项
- 浏览器刷新时,JQuery多选复选框下拉列表未被取消选中
- 在“取消”提示下刷新页面
- Javascript确认取消后停止页面刷新
- 在AngularJS中如何刷新取消选中复选框的下拉菜单
- 如何防止复选框在表单提交或页面刷新后取消选中
- Js确认如果取消刷新页面