扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条
1.新建一个ClientTest1.jsp文件,代码如下:
<%@ page language="java" contentType="text/html; charset=Gb2312" pageEncoding="GB2312"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Gb2312"> <title>客户端限制重复提交</title> <script language="javascript" <!--定义重复提交标志变量 --> var repeatSubmitFlag = false; <!-- 重复提交检查函数 --> function checkSubmit() { if(repeatSubmitFlag) <!-- 如果标志为true,则说明页面已经提交 --> { window.alert('禁止重复提交!'); return false; } else { repeatSubmitFlag = true; return true; } } </script> </head> <body bcolor="#ffffff"> <form name="form_client" action="http://www.dlmu.edu.cn" onsubmit="return checkSubmit();"> <input type="checkbox" name="check_1" checked=true/>大连海事大学 <input type="submit" name="submitok"/> </form> </body> </html> |
2.如果重复提交表单就会弹出错误提示对话框
采用第二种方法:
1.新建一个ClientTest2.jsp文件,代码如下:
<%@ page language="java" contentType="text/html; charset=GB2312" pageEncoding="Gb2312"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Gb2312"> <title>客户端限制重复提交-2</title> </head> <body bgcolor="#ffffff"> <form name="form_client" action="http://www.dlmu.edu.cn" onsubmit="window.document.form_client.submitok.disabled=true; return true;"> <input type="checkbox" name="check_1" checked="true"/>大连海事大学 <input type="submit" name="submitok"/> </form> </body> </html> |
如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。
现场直击|2021世界人工智能大会
直击5G创新地带,就在2021MWC上海
5G已至 转型当时——服务提供商如何把握转型的绝佳时机
寻找自己的Flag
华为开发者大会2020(Cloud)- 科技行者