JS防止用户多次提交的简单代码

代码如下:

<html>
<body>
 <form action="login.action" method="post">
  <input type="button" name="btn" value="提交表单" onclick="return sub();" />
 </form>
</body>
</html>
表单提交后，提交按钮不可用

赞 (0)

相关推荐

  • 如何拒绝同一张表单被多次提交？

    如何拒绝同一张表单被多次提交?formtest.asp ' 表单文件. <% Randomize ' 初始化随机数种子. num1=rnd() ' 产生随机数. num1=int(26*num1)+65 ' 修改num1的范围,使其是A-Z范围的Ascii码,防止表单名出错. session("antry")="test"&chr(num1) ' 产生随机字符串. %> <form name="test" action=

  • ASP.NET 多次提交的解决办法

    它的原理是:asp.net页面提交的时候会调用ValidatorOnSubmit方法(内置的),我们利用js方法的覆盖特性,把系统内置的ValidatorOnSubmit替换成我们的版本,然后当执行ValidatorOnSubmit时屏蔽掉页面上所有提交按钮(也可以执行你自己的方法) //屏蔽所有提交按钮 function disableOtherSubmit() { var obj = event.srcElement; var objs = document.getElementsByTag

  • Chrome Form多次提交表单问题的解决方法

    今天用chrome提交一个表单时,发现一个奇怪的问题: 复制代码 代码如下: //提交表单 document.frmOrder.action = 'http://www.abc.com/d.aspx'; document.frmOrder.method = 'POST'; document.frmOrder.target = '_blank'; document.frmOrder.submit(); 第一次提交可以,第二次提交就没有任何响应了.需要重新加载页面后才可以提交,而这个问题在Firef

  • ASP.NET 多次提交的解决办法2

    例如: protected void Page_Load(object sender, EventArgs e) { //.net1.1 Button1.Attributes.Add("onclick", "this.disabled=true;" + this.GetPostBackEventReference(this.Button1)); //.net 2.0以上 Button1.Attributes.Add("onclick", &quo

  • ASP.NET 防止按钮多次提交核心实现代码

    复制代码 代码如下: <asp:Button ID="btnSubmit" runat="server" UseSubmitBehavior="false" OnClientClick="this.disabled=true; " Text="Submit" OnClick="Button1_Click" /> 主要添加 复制代码 代码如下: UseSubmitBehavio

  • JS防止用户多次提交的简单代码

    复制代码 代码如下: <html><body> <form action="login.action" method="post">  <input type="button" name="btn" value="提交表单" onclick="return sub();" /> </form></body></

  • 原生js实现class的添加和删除简单代码

    实例代码: function hasClass( elements,cName ){ return !!elements.className.match( new RegExp( "(\\s|^)" + cName + "(\\s|$)") ); }; function addClass( elements,cName ){ if( !hasClass( elements,cName ) ){ elements.className += " "

  • JS阻止用户多次提交示例代码

    复制代码 代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="text" id="msg"> <a href="#&

  • JS实现页面内跳转的简单代码

    使用js($.ajax中)实现页面内跳转(即:描点平滑跳转)的方法(aa为跳转目的标签的id): 在网络上有很多资料所说的:animate方法我试了并不好使,不知道是啥原因,欢迎大家指正,附上网络方法: var oneTop = $("#aa").offset().top; jQuery("html", "body").animate({ scrollTop: oneTop }, 0); 经过测试,如果不需要有滑动动画的话,可使用下面的语句: l

  • Node.js实现用户评论社区功能（体验前后端开发的乐趣）

    前面 接着上一节的内容来,今天我们要完成一个用Node开发后台服务器,实现一个简单的用户评论社区.可以先看下效果图: 开始建立项目文件夹comment-list,在里面新建一个public文件夹,public文件夹存放我们允许客户端访问的资源,这里是公开的.app.js文件是我们服务端代码. 在index.html文件中放的是网站的首页内容,这里采用bootstrap框架快速搭建.可以先招一些假数据,以便页面渲染后看效果.核心代码: <ul class="list-group commen

  • jquery.cookie.js实现用户登录保存密码功能的方法

    本文实例讲述了jquery.cookie.js实现用户登录保存密码功能的方法.分享给大家供大家参考,具体如下: 需要导入的js有jquery.js和jquery.cookie.js <script type="text/javascript" src=" jquery-1.5.2.js"></script> <script type="text/javascript" src="jquery.cookie.

  • vue.js实现用户评论、登录、注册、及修改信息功能

    vue.js实现用户评论、登录、注册、及修改信息功能

    vue.js实现用户评论.登录.注册.及修改用户部分信息功能代码.效果图如下: 登入后: 登入前: 登录框: 注册框: html代码部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>index</title> <link rel="stylesheet" href=&quo

  • js移动焦点到最后位置的简单方法

    当输入框(input/textarea)获得焦点时,将焦点移动到最后,在某些情况下用户体验很好.网上的大部分方法都是针对IE浏览器的. 代码如下: var el = document.getElementById('txtArticle'); var range = el.createTextRange(); range.moveStart('character', el.value.length); range.collapse(false); range.select(); 其实可以将mov

  • 防止在服务器处理完成之前用户多次点击提交按钮处理代码

    如果网页速度过慢或者其他原因,用户多次提交能导致数据的修改,怎么解决这个问题呢? 这段是放在 Page_Load 中 复制代码 代码如下: if(!Page.IsPostBack) { System.Text.StringBuilder s = new System.Text.StringBuilder(); s.Append("a();"); s.Append(this.GetPostBackEventReference(this.Button1)); this.Button1.At

  • AJAX PHP无刷新form表单提交的简单实现(推荐)

    ajax.php: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <script language="javascript"> function saveUserInfo() { //获取

随机推荐