我的解决办法如下(只针对客户端):
用户点击提交按钮后给按钮添加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>
token ,发生重复提交,页面会自动跳转到“result name =”invalid.token””
token 在jsp中用隐藏域<s:token></s:token>
生成一个值与seesion中一致,然后会携带该值进行服务器的访问
tokensession 依然会响应在当前页面
一个需要页面跳转,一个不需要页面跳转