通过JavaScript屏蔽提交按钮

最新推荐文章于 2022-08-31 11:26:25 发布

左岸天使

最新推荐文章于 2022-08-31 11:26:25 发布

阅读量535

点赞数

分类专栏： javascript

原文链接：https://www.cnblogs.com/huanghuizhou/p/9153837.html

版权

javascript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

1、通过js代码，当用户点击提交按钮后，屏蔽提交按钮使用户无法点击提交按钮或点击无效，从而实现防止表单重复提交。

ps：js代码很容易被绕过。比如用户通过刷新页面方式，或使用postman等工具绕过前段页面仍能重复提交表单。因此不推荐此方法。

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
        <!DOCTYPE HTML>
        <html>
        <head>
         <title>表单</title>
            <script type="text/javascript">
            //默认提交状态为false
            var commitStatus = false;
            function dosubmit(){
                  if(commitStatus==false){
                //提交表单后，讲提交状态改为true
                  commitStatus = true;
                  return true;
                 }else{
                  return false;
              }
             }
      </script>
     </head>
   
        <body>
            <form action="/path/post" onsubmit="return dosubmit()" method="post">
             用户名：<input type="text" name="username">
            <input type="submit" value="提交" id="submit">
            </form>
        </body>
    </html>

2、提交好之后不要停在被提交的页面，跳转到一个显示成功或者失败的页面

3用$_SERVER["REQUEST_METHOD"]来检测一下请求方式，第一次可以提交，之后不可

左岸天使

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
通过JavaScript屏蔽提交按钮

通过js代码，当用户点击提交按钮后，屏蔽提交按钮使用户无法点击提交按钮或点击无效，从而实现防止表单重复提交。ps：js代码很容易被绕过。比如用户通过刷新页面方式，或使用postman等工具绕过前段页面仍能重复提交表单。因此不推荐此方法。 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%...
复制链接

扫一扫

专栏目录