防止表单重复提交的代码，表单提交代码

发表于由

我的解决办法如下（只针对客户端）：
用户点击提交按钮后给按钮添加disabled属性

防止表单重复提交的代码，表单提交代码

防止表单重复提交的代码:
有时候可能因为各种原因出现表单重复提交现象，单丝这往往并不是我们想要的结果，下面就介绍一种防止表单重复提交的代码，希望能够给大家带来或多或少的帮助，代码如下:

 

$(document).ready(function() {
  $('form').submit(function() {
    if(typeof jQuery.data(this, "disabledOnSubmit") == 'undefined') {
      jQuery.data(this, "disabledOnSubmit", { submited: true });
      $('input[type=submit], input[type=button]', this).each(function() {
        $(this).attr("disabled", "disabled");
      });
      return true;
    }
    else{
      return false;
    }
  });
})

 

以上代码实现了我们的要求，代码比较简单，这里就不多介绍了，如有任何问题可以跟帖留言。

原文地址是:

更多内容可以参阅:

 

防止表单重复提交的代码:
有时候可能因为各种原因出现表单重复提交现象，单丝这往往并不是我…

jquery防止重复提交代码实例，jquery提交代码实例

jquery防止重复提交代码实例:
在很多应用中，可能有些数据只能够被允许提交一次，也就是提交之后不能够再提交第二次，下面就是一段能够实现此功能的简单代码，需要的可以参考一下，代码如下:

 

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(function(){ 
  var flag = true; 
  $("#result").on('click',function(){ 
    if(flag){ 
      flag = false; 
    }
    else{ 
      return; 
    } 
    $("#show").html('<p>'+$("#msg").val()+'</p>'); 
  })
}) 
</script> 
</head> 
<body> 
<div id="show"></div> 
<input type="text" id="msg"> 
<a href="#" id="result">查看效果</a> 
</body> 
</html>

 

以上代码实现了我们的要求，文本框中的数据只能够被提交一次，这是因为设置了一个flag标记，当提交以后此标签会被修改为false，如果为则不能够提交数据，代码比较简单，这里就不多介绍了，可以参阅相关阅读。
相关阅读:
1.on()可以参阅jQuery的on()方法一章节。
2.html()函数可以参阅jQuery的html()方法一章节。
3.val()函数可以参阅jQuery的val()方法一章节。 

原文地址是:

更多内容可以参阅:

 

jquery防止重复提交代码实例:
在很多应用中，可能有些数据只能够被允许提交一次，也就是…

随机产生一个字符串（token）
，保存到session中，在向服务端发送请求时会携带token，本地token与之比较，如果相同完成有关操作，完成之后，服务端立马产生一个新的token，客户端还是原来的字符串

复制代码 代码如下:

将token 放到拦截器栈中

$(“input:submit”).each(function() {
var srcclick = $(this).attr(“onclick”);
if(typeof(srcclick)==”function”){
$(this).click(function() {
if (srcclick()) {
setdisabled(this);
return true;
}
return false;
});}
});
function setdisabled(obj) {
setTimeout(function() { obj.disabled = true; }, 100);
}

<interceptor-ref  name=”token”></interceptor-fed>

您可能感兴趣的文章:

  • Jquery
    Validation插件防止重复提交表单的解决方法
  • JQuery实现简单验证码提示解决方案
  • jquery实现手机发送验证码的倒计时代码
  • jquery提交form表单时禁止重复提交的方法
  • jquery禁止输入数字以外的字符的示例(纯数字验证码)
  • PHP+jQuery
    注册模块的改进（一）：验证码存入SESSION
  • Jquery插件实现点击获取验证码后60秒内禁止重新获取
  • jQuery实现的手机发送验证码倒计时效果代码分享
  • jQuery Real
    Person验证码插件防止表单自动提交

<interceptor-fer name=”defaultStack”></interceptor-fef>

图片 1

token ，发生重复提交，页面会自动跳转到“result name =”invalid.token”” 

token  在jsp中用隐藏域<s:token></s:token>
生成一个值与seesion中一致，然后会携带该值进行服务器的访问

 tokensession   依然会响应在当前页面

一个需要页面跳转，一个不需要页面跳转

相关文章