如何用js禁止刷新页面再次提交表单

JavaScript014

如何用js禁止刷新页面再次提交表单,第1张

可以将form表单的onsubmit属性里添加上 "return false",然后在要提交表单的地方使用js来提交表单。

<form action="" method="" id="Submitform" onsubmit="return false">

<button type="button" onclick='doSubmitForm()'>提交<button/>

</form>

<script>

function doSubmitForm(){

var form = document.getElementById('Submitform')

form.submit()

}

</script>

function onKeyDown()

{

if (((event.keyCode == 8) &&(event.srcElement.type != "text" &&event.srcElement.type != "textarea" &&event.srcElement.type != "password")) || ((event.ctrlKey) &&((event.keyCode == 78) || (event.keyCode == 82)) ) ||(event.keyCode == 116) ) {

alert("不允许刷新!")

event.keyCode = 0

event.returnValue = false

}

}

oncontextmenu="self.event.returnValue=false" 不允许鼠标右键 ,应为在鼠标右键里面也可以刷新。

《bodyonkeydown="onKeyDown()" oncontextmenu="self.event.returnValue=false" 》

JS阻止关闭和跳转页面方法如下:

window.onbeforeunload = function(){

    return '要显示的提示内容'

}

onbeforeunload:在即将离开当前页面(刷新或关闭)时执行 JavaScript :

定义和用法

onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。

该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。

对话框默认的提示信息根据不同的浏览器有所不同,标准的信息类似 "确定要离开此页吗?"。该信息不能删除。

但你可以自定义一些消息提示与标准信息一起显示在对话框。