如何防止重复表单提交

最新推荐文章于 2022-09-07 17:52:17 发布
最新推荐文章于 2022-09-07 17:52:17 发布
阅读量336 收藏
点赞数
    第一种：用flag标识，下面的代码设置checkSubmitFlg标志：


    <script language="”javascript”">


    var checkSubmitFlg = false;


    function checkSubmit(){


    if(checkSubmitFlg ==true){ return false; //当表单被提交过一次后checkSubmitFlg将变为true,根据判断将无法进行提交。


    }


    checkSubmitFlg ==true;


    return true;


    }


    < /script >


    < form name=”form1” method=”post” οnsubmit=”return checkSubmit();”>


    ………..< /form>


    第二种：在onsubmit事件中设置，在第一次提交后使提交按钮失效，代码如下：


    <script Language='JavaScript'>


    function formsubmit() {


    Today = new Date();


    var NowHour = Today.getHours();


    var NowMinute = Today.getMinutes();


    var NowSecond = Today.getSeconds();


    var mysec = (NowHour*3600)+(NowMinute*60)+NowSecond;


    if((mysec-document.formsubmitf.mypretime.value)>600)


    {


    document.formsubmitf.mypretime.value=mysec;


    }


    else


    {


    alert(' 按一次就够了，请勿重复提交！请耐心等待！谢谢合作！');


    return false;


    }


    document.forms.formsubmitf.submit();


    }


    </script>


    </HEAD>


    <BODY BGCOLOR="#FFFFFF">


    <form name=formsubmitf id ="the" method="post" action="XXX.asp">


    <input type=hidden name='mypretime' value='0'> //这句不能少，用隐含变量传递一个时间初值


    //这里是你要提交的内容


    <input type="button" value="写好了" name="button1" class="4round" οnclick='formsubmit()'> <font class="red">(请按一次，耐心等待！)</font> <input type="reset" value="重 写" name="button2" class="4round">


    </form>
松田下惠
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
防止表单重复提交
会php的猪
03-23 371
防止表单重复提交
防止表单重复提交的几种方法
wunianisme的博客
05-25 919
表单重复提交是在Web应用中经常遇到的一个比较麻烦的问题。有很多应用场景都会遇到重复提交问题，比如： 点击提交按钮两次。 点击刷新按钮。 使用浏览器后退按钮重复之前的操作，导致重复提交表单。 使用浏览器历史记录重复提交表单。 浏览器重复的HTTP请求。 用户提交表单时可能因为网速、网页被恶意刷新等原因，致使同一条记录重复插入到数据库中。我们可以从客户端和服务器端一起着手，设法避免同一表单的重复...
最简单的6种防止数据重复提交的方法！(干货)
qq_41490913的博客
07-27 186
最简单的6种防止数据重复提交的方法！(干货)
React在弱网环境下限制按钮多次点击,防止重复提交
yhjlq的博客
05-26 2424
React在弱网环境下限制按钮多次点击,防止重复提交 this.state = { isRepeatClick: true //设置开关来控制重复点击 } //点击确定按钮,防止重复提交 okHandle = () => { const { isRepeatClick} = this.state if (isRepeatClick) { //如果为true 开始执行 this.setState({ isRepeatClick: false }) //将isRepeatClick变成false，
React 防止按钮多次点击事件 重复提交
Zeng__Yi的博客
03-19 1万+
为了方便，简单的记录一下： 在state中设置一个控制点击事件 this.state = { isClick: true } 在点击事件的函数里 handleOk = () => { const { isClick } = this.state if (isClick) { //如果为true 开始执行 this.setState({ isClick: false })...
表单提交验证onsubmit=“ return checkForm()“无效，（验证用户名和密码是否为空）
qq_40916628的博客
07-02 1998
今天写这个有被气到，检查了好久才终于发现了问题。。。 检查一下自己哪条有问题： 1、函数名。检查js里的函数名和onsubmit里的函数名是否不一样，眼睛花的话复制粘贴一下； 2、格式。正确格式为οnsubmit=" return checkForm()"，千万不要少了return，checkForm()后面也不要加分号； 3、id传入而不是name传入。这个就是我找了半天的问题，因为表单提交给PHP的时候用的是name名传入，但是checkForm()中类似这种语句var username = docum
form onSubmit返回false不起作用
最新发布
sout-lanys
09-07 4763
Form onSubmit 有的时候使用 onSubmit 会出现没触发、或者触发了返回不起作用的情况。jquery validate也是在 submit 的时候开始判断的，并且在 onsubmit 事件之后，所以 onsubmit 返回false，只要满足 validate 的条件仍然会返回true，表单仍被提交。
浅谈利用Session防止表单重复提交
08-28
浅谈利用Session防止表单重复提交 Session是Web应用程序中的一种机制，用于存储用户的会话信息。在Web应用程序中，表单重复提交是一个常见的问题，可能会导致数据库中产生冗余数据，浪费数据库资源。利用Session...
ThinkPHP防止重复提交表单的方法实例分析
10-18
1. 页面跳转法：这是最简单直接的方法，通过在表单提交后将页面重定向到一个新的地址，而不是返回原页面。这样用户即使点击了后退按钮，也只能回到提交后的新页面，而无法回到表单页面进行重复提交。示例代码如下： ...
PHP实现防止表单重复提交功能【基于token验证】
10-18
2. **简单易用**：只需要在表单提交时生成和验证token，无需复杂的数据库操作或额外的存储。 3. **可扩展性**：这种方法可以与其他验证机制（如CSRF防护）结合使用，增强应用的安全性。 然而，也需要注意一些潜在的...
js防止表单重复提交的两种方法
12-12
第一种：用flag标识，下面的代码设置checkSubmitFlg标志： 代码如下: [removed] var checkSubmitFlg = false; function checkSubmit(){ if(checkSubmitFlg ==true){ return false; //当表单被提交过一次后checkSubmitFlg将变为true,根据判断将无法进行提交。 } checkSubmitFlg ==true; return true; } < /script > < form name=”form1” method=”pos
ladda 按钮防重复提交样式
05-18
ladda 按钮防重复提交样式 点击按钮后按钮刷新加载 置为不可用状态，当后台处理完毕，结束加载样式 变为可用 个人感觉简单实用
几种防止表单重复提交的方法
01-08
表单提交后使用Javascript使提交按钮disable。这种方法防止心急的用户多次点击按钮。但有个问题，如果客户端把Javascript给禁止掉，这种方法就无效了。 我之前的文章曾说过用一些Jquery插件效果不错。 Post/Redirect...
防止Layui form表单重复提交的实现方法
10-16
Layui是一种基于jQuery的前端UI框架，它提供了一套丰富的界面元素和组件，广泛...通过上述方法，可以有效地防止用户在表单提交过程中产生的重复提交行为，提升用户的操作体验，确保数据提交的正确性和服务器的稳定性。
form表单中οnsubmit无效的问题解决办法
weixin_41852068的博客
05-11 3984
起因： 在用idea写jsp页面时，经常碰到需要判断表单中是否非空的时候， 然后在form后加上οnsubmit就可以阻止表单的提交。 但是，我这次就碰到了问题， 因为之前写过相同的代码，图省事就直接复制了过来，如下???? 然而万万没有发现，问题就隐藏在这其中。。。???? 处理： 尝试了几种我常出错的可能， form写成from情况，这个我之前常犯，这次不是 script中的属性id与表单中的id没有匹配上，这次也不是 onsubmit格式错误，要是写成 οnsubmit="demo()"就错了，
jsp中表单提交注册信息，提交信息之前先进行正则匹配，验证用户输入的信息是否符合规范要求。
热门推荐
凌世宇
05-30 3万+
  今天写了一个jsp的注册页面，用户每次输完一个输入框的内容，就会进行验证用户输入信息的格式是否符合规范，符合规范之后表单才进行提交，不符合规范则提醒用户按要求输入信息。直到用户输入的每个信息都符合要求，表单才提交，才进行验证。避免了提交之后，我还需要对信息提前进行一定的判断，是否符合要求，才进行数据库的插入操作。  说了这么多，还是先说一说我的思路吧。  1.首先我的页面有五个框，第一个框是用...
form.submit()不能提交表单的解决方法
冥冥中自有天意
06-10 2909
网页开发时遇到，需要使用js提交form表单。发现使用document.form1.submit();方法无法提交表单。火狐提示 submit is not a function 。最后找到解决方案。 1.表单中不能有name="submit" 的标签 2.，表单中不能缺少《enctype="multipart/form-data"》。 3.当使用js 进行FORM 表单验证时：...
项目中防止表单重复提交
u010817136的专栏
12-05 427
php表单令牌验证
详解PHP防止表单重复提交的策略与实例
例如，这段JavaScript代码定义了一个变量`frm_submit`来记录表单提交状态，只有当状态为`false`时，才会允许提交： ```javascript // ... (之前的内容) function check_form(fobj) { // ... (之前的验证逻辑) if...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值