js按钮防止重复提交_如何通过js控制刷新页面重复提交form表单问题

Ⅰ js WEB前端开发如何防止重复提交的实现方

在点击提交按复钮制后，将提交按钮立刻禁用，然后在ajax请求成功后，再重新启用，下面是个简单的例子

$(".submit").click(function(){
$(this).attr("disabled",true);
$.ajax({
url:url,
success:function(data){
$(this).attr("disabled",false);
}
});

});

Ⅱ 求JS 大神指导，页面的防止重复点击事件（具体见补充）

点击事件里给button标签加一个自定义属性，存上次点击时间

Ⅲ 如何通过js控制刷新页面重复提交form表单问题

1、用 javascript 设置一个变量，只允许提交一次；
参考如下：
<script type="text/javascript">
var checkSubmitFlg = false;
function checkSubmit(){
if (checkSubmitFlg == true){
return false;
}
checkSubmitFlg = true;
return true;
}
document.ondblclick =
function docondblclick(){
window.event.returnValue = false;
}
document.onclick =
function doconclick(){
if (checkSubmitFlg){
window.event.returnValue = false;
}
}
</script>
<form action="action.php" method="post" onsubmit="return checkSubmit();">

用 javascript 将提交按钮或者 img 置为 disable；
参考如下：
<form action="action.php" method="post" onsubmit="getElById('submitInput').disabled = true;return true;">
<img styleId="submitInput" src="images/ok_b.gif" border="0" />
</form>

Ⅳ js 怎样防止刷新重复提交

第一种方法：
<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”
onsubmit=”return
checkSubmit();”>
………..<
/form>
第二种方法：
在onsubmit事件中设置，在第一次提交后使提交按钮失效，代码如下：
<form
action=”about:blank”
method=”post”
onsubmit
=”getElementById(‘submitInput').disabled=true;return
true;”
target=”_blank”>
<input
type=”submit”
id=”submitInput”/>
</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>
</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"
onclick='formsubmit()'>
<font
class="red">(请按一次，耐心等待！)</font>
<input
type="reset"
value="重
写"
name="button2"
class="4round">
</form>
望采纳！

Ⅳ vue.js怎样解决按钮多次点击重复提交

建议使用ref，给button添加注册ref引用，然后在表单提交的时候，获取button按钮，使其disable置灰。

ref被用来内给元素容或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件。

<divid="app">
<buttonref="mybutton"type="primary"@click="save">保存</button>
</div>

<script>
newVue({
el:"#app",
data:{
},
methods:{
	save(){
	this.$refs.mybutton.disabled=true;
}
}
})
</script>
<style>
:disabled{
border:1pxsolid#DDD;
background-color:#F5F5F5;
color:#ACA899;
}
</style>

Ⅵ JSP中如何防用户重复提交

1、首选在提交处理的代码中要加入重复记录的判断功能，比如在往数据库里保存的时候，要判断信息是否重复，然后再保存。
2、设置页面过期，后退后，页面实效。

Ⅶ javaweb防止表单重复提交的几种解决方案

1.js方法解决:关于js方法解决就是说通过js动态控制提交按钮不能多次点击，或者多次点击不起作用。

方案一:通过设立标识使表单不能重复提交:

要强调的是，利用session方法解决表单重复问题是十分完美的，基本上可以应对各种重复提交问题。

但！是不是之前在客户端防止表单重复提交的种种方法就不使用了呢？

答案是否定的，我们需要多种方法混合使用才能达到最好的效果，也许有人会问，不是说session方法基本可以应对各种重复提交问题了吗？

这里我们所说的达到最好效果指的是，给用户更好地体验，例如用户点击了提交按钮，这时将按钮变为不可用的，用以告诉用户你已经提交内容了，不可重复提交。还有如果无论什么情况都用session防止表单重复提交问题，反而无形的增加了服务器端的负担。

Ⅷ js 怎样防止刷新重复提交

1、用 javascript 设置一个变量，只允许提交一次；
参考如下：
<script type="text/javascript">
checkSubmitFlg = false;
function checkSubmit(){
if (checkSubmitFlg == true){
return false;
}
checkSubmitFlg = true;
return true;
}
document.ondblclick =
function docondblclick(){
window.event.returnValue = false;
}
document.onclick =
function doconclick(){
if (checkSubmitFlg){
window.event.returnValue = false;
}
}
</script>
<form action="action.php" method="post" onsubmit="return checkSubmit();">

用 javascript 将提交按钮或者 img 置为 disable；
参考如下：
<form action="action.php" method="post" onsubmit="getElById('submitInput').disabled = true;return true;">
<img styleId="submitInput" src="images/ok_b.gif" border="0" />
</form>

导航:首页 > 编程语言 > js按钮防止重复提交

js按钮防止重复提交

与js按钮防止重复提交相关的资料

友情链接