js禁止表单重复提交

 更新时间:2017年08月29日 16:11:55   作者:5.2Hz  
这篇文章主要介绍了js禁止表单重复提交的方法,避免重复记录带来的问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

脚本之家 / 编程助手:解决程序员“几乎”所有问题!
脚本之家官方知识库 → 点击立即使用

本文实例为大家分享了js防止表单重复提交实现代码,供大家参考,具体内容如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<DOCTYPE html>
 
  <html>
  <BODY BGCOLOR="#FFFFFF">
  <form name='formsubmitf' id ="the" method="post" action="XXX.php">
  <input type='hidden' name='mypretime' value='0'>
  <input type="button" value="写好了" name="button1" class="4round" onclick='formsubmit()'>
 
  </form>
 
   
 
  <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){
 
  //600只是一个时间值,就是5分钟内禁止重复提交,值随便设
 
  document.formsubmitf.mypretime.value=mysec;
 
  }
 
  else{
 
  alert(' 按一次就够了,请勿重复提交!请耐心等待!谢谢合作!');
 
  return false;
 
  }
 
  document.forms.formsubmitf.submit();
 
  }
 
  </script>
 
  </html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

蓄力AI

微信公众号搜索 “ 脚本之家 ” ,选择关注

程序猿的那些事、送书等活动等着你

原文链接:http://www.cnblogs.com/52-hz/p/7448682.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 reterry123@163.com 进行投诉反馈,一经查实,立即处理!

相关文章

  • 微信小程序mpvue点击按钮获取button值的方法

    微信小程序mpvue点击按钮获取button值的方法

    这篇文章主要介绍了小程序mpvue点击按钮获取button值的方法,本文通过两种方法,给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • 一文入门Webpack文件指纹

    一文入门Webpack文件指纹

    文件指纹是文件打包后输出的文件名的后缀,通常用来做一些文件的版本管理,文中给大家提到了几种文件指纹的设置用法,对Webpack文件指纹相关知识感兴趣的朋友一起看看吧
    2022-02-02
  • js正则表达式的使用详解

    js正则表达式的使用详解

    本篇文章是对js中正则表达式的使用进行了详细的分析介绍,需要的朋友可以参考下
    2013-07-07
  • E3 tree 1.6在Firefox下显示问题的修复方法

    E3 tree 1.6在Firefox下显示问题的修复方法

    tree 在Firefox下只显示一句话,用firebug查看页面元素观察发现,两个script导入被一个<script>分隔开了,显然是document.write的问题.由于Firefox对js规范的检查比较严格,肯定一些字符输出的的时候没有转义
    2013-01-01
  • JavaScript 数组- Array的方法总结(推荐)

    JavaScript 数组- Array的方法总结(推荐)

    下面小编就为大家带来一篇JavaScript 数组- Array的方法总结(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • Bootstarp基本模版学习教程

    Bootstarp基本模版学习教程

    这篇文章主要为大家详细介绍了Bootstarp基本模版学习教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • javascript中Date format(js日期格式化)方法小结

    javascript中Date format(js日期格式化)方法小结

    这篇文章主要介绍了javascript中Date format,即js日期格式化的方法.实例总结了三种常见的JavaScript日期格式化技巧,需要的朋友可以参考下
    2015-12-12
  • bootstrap弹出层的多种触发方式

    bootstrap弹出层的多种触发方式

    这篇文章主要为大家详细介绍了bootstrap弹出层的多种触发方式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • js 弹出菜单/窗口效果

    js 弹出菜单/窗口效果

    想象一下,你把一个重要内容放在一个弹出窗口,又不聚集到这个窗口。让使用屏幕阅读器的同学情何以堪,只有当他们 tab 到这页面结束,还继续 tab,才可能找到这个弹窗
    2011-10-10
  • 实现在 Chrome 中执行 JavaScript 代码

    实现在 Chrome 中执行 JavaScript 代码

    这篇文章主要介绍了实现在 Chrome 中执行 JavaScript 代码,下面来介绍如何在 Chrome 中打开开发者工具,以及如何在开发者工具中运行调试 JavaScript 代码,具有一的的参考价值,需要的朋友可以参考一下
    2022-03-03

最新评论