防止ASP.NET按钮多次提交的办法

最新推荐文章于 2024-05-24 13:39:19 发布

haozhenjie819

最新推荐文章于 2024-05-24 13:39:19 发布

阅读量427

点赞数

分类专栏： css javascript asp.net html 文章标签： asp.net textbox button javascript server function

asp.net 同时被 3 个专栏收录

12 篇文章 0 订阅

订阅专栏

javascript

4 篇文章 0 订阅

订阅专栏

html

3 篇文章 0 订阅

订阅专栏

思路就是把按钮按下时用Javascript在客户端把按钮下一次的onclick事件改为return false; 这样在服务器端页面重新送回客户端之前，再次点击按钮都不会Post到服务端。同时将按钮的style改为一行字的样子，光标也变成沙漏状。当服务端页面重新产生后Button又会回到初始状态。该方法对于F5刷新还不能防范，只是简单封闭了F5的按键，为了防止刷新时再次提交可以在页面返回前将一些TextBox控件清空，这样就可以判断如果该TextBox为空则不再进行后续操作（如写库）。或是后台操作成功后跳转到另一个页面以防止恶意刷新。

以下为引用的内容：

<html xmlns="http://www.w3.org/1999/xhtml">
        <head runat="server">
            <title>禁止多次提交网页测试</title>
            <style type="text/css">
            .disable
            {
                border-style:none;
                border-width: thin;
                background-color:Transparent;
                color: #CCCCCC;
                cursor:wait;
            }
            </style>
            <script type="text/javascript" language="javascript">
            function DisableButton()
            {
                document.getElementById("Button2").className = "disable";
                document.getElementById("Button2").value = '正在提交.';
                document.getElementById("Button2").οnclick=Function("return false;");
                return true;
            }
            document.οnkeydοwn=mykeydown;
            function   mykeydown()
            {
                if(event.keyCode==116) //屏蔽F5刷新键
                {
                    window.event.keyCode=0;
                    return   false;
                }
            }
            </script>
        </head>
        <body>
            <form id="form1" runat="server">
            <div>
                输入一些内容<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                <br />
                <asp:ListBox ID="ListBox1" runat="server" Height="77px" Width="332px">
            </asp:ListBox><br />
                <asp:Button ID="Button2" runat="server" Text="OK" Width="77px"
                    οnclick="Button2_Click" />
            </div>
            </form>
        </body>
        </html>

haozhenjie819

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
防止ASP.NET按钮多次提交的办法

思路就是把按钮按下时用Javascript在客户端把按钮下一次的onclick事件改为return false; 这样在服务器端页面重新送回客户端之前，再次点击按钮都不会Post到服务端。同时将按钮的style改为一行字的样子，光标也变成沙漏状。当服务端页面重新产生后Button又会回到初始状态。该方法对于F5刷新还不能防范，只是简单封闭了F5的按键，为了防止刷新时再次提交可以在页面返回前将一些T
复制链接

扫一扫