当页面提交的数据特别多时,页面会反应比较迟钝,此时如果用户等不及而连续单机按钮,导致数据重复提交。
此代码防止数据重复提交
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script language="JavaScript">
function doubleCheck() {
/**
* readyState获取页面的状态,其值只能获取,不允许赋予。当其值为“complete"时,表示页面已经加载完毕
*/
if(window.document.readyState != null
&& window.document.readyState != 'complete'){
alert("正在处理,请等待!");
return false;
}
else{
alert("执行完毕!")
return true;
}
}
</script>
</head>
<body>
<input type="text" name="txt1" value="this is test1"/>
<input type="button" value="提交" onclick="doubleCheck()"/>
</body>
</html>