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

sunxin1001

浏览: 310133 次
性别:
来自: 北京

最近访客更多访客>>

wconvey

wangjun796

liuluwdy

superlxing

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (177)

社区版块

存档分类

JSP JavaScript 脚本 HTML C

在客户端限制表单重复提交有两种方法：
         第一种：在javascript脚本中设置一个标志变量，来区分表单是否已经提交。如果已经提交，则弹出对话框告诉用户“重复提交”。
        第二种：在单击提交按钮以后将提交按钮设置为disabled状态，这样用户就无法再提交按钮，客户端也就无法重复提交。
        采用第一种方法：1.新建一个ClientTest1.jsp文件，代码如下：

<%@ page language="java" c
    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" c>
<title>客户端限制重复提交</title>
<script language="javascript"
    
    var repeatSubmitFlag = false;
    
    function checkSubmit()
    {
        if(repeatSubmitFlag) 
        {
            window.alert('禁止重复提交！');
            return false;
        }
        else
        {
            repeatSubmitFlag = true;
            return true;
        }
    }
</script>
</head>
<body bcolor="#ffffff">
    <form name="form_client" action="http://www.dlmu.edu.cn" >
        <input type="checkbox" name="check_1" checked=true/>大连海事大学
        <input type="submit" name="submitok"/>
    </form>
</body>
</html>

采用第二种方法：
1.新建一个ClientTest2.jsp文件，代码如下：<%@ page language="java" c
    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" c>
<title>客户端限制重复提交-2</title>
</head>
<body bgcolor="#ffffff">
    <form name="form_client" action="http://www.dlmu.edu.cn"
        >
        <input type="checkbox" name="check_1" checked="true"/>大连海事大学
        <input type="submit" name="submitok"/>
    </form>
</body>
</html>

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

分享到：