科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道在jsp客户端限制表单重复提交

在jsp客户端限制表单重复提交

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

第一种:在javascript脚本中设置一个标志变量,来区分表单是否已经提交。如果已经提交,则弹出对话框告诉用户“重复提交”。 第二种:在单击提交按钮以后将提交按钮设置为disabled状态,这样用户就无法再提交按钮,客户端也就无法重复提交。

作者:中国IT实验室 来源:中国IT实验室 2007年9月3日

关键字: 表单 JSP

  • 评论
  • 分享微博
  • 分享邮件
   在客户端限制表单重复提交有两种方法:
         第一种:在javascript脚本中设置一个标志变量,来区分表单是否已经提交。如果已经提交,则弹出对话框告诉用户“重复提交”。
        第二种:在单击提交按钮以后将提交按钮设置为disabled状态,这样用户就无法再提交按钮,客户端也就无法重复提交。
        采用第一种方法:

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>

2.如果重复提交表单就会弹出错误提示对话框

查看本文来源

    • 评论
    • 分享微博
    • 分享邮件
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章