Comments on: Prevent double submit with jQuery

By: Arvid

Arvid — Thu, 10 May 2012 09:51:20 +0000

Out from Luke Burns post…

var i = 0;
$(document).ready(function(){
$(“#formID”).submit(function(){
i++;
if ( i > 1 ) { return false; }
});
});

Tested in IE9, firefox, Chrome and works with Ajax/jquery inline form validation..

So really happy about finding this article

By: Vipin J S

Vipin J S — Sat, 19 Nov 2011 11:22:16 +0000

Thanks Rinze..

$(document).ready(function(){
$(‘form’).submit(function(){
if (this.beenSubmitted)
return false;
else
this.beenSubmitted = true;
});
});

By: Ed Elfreth

Ed Elfreth — Thu, 08 Sep 2011 11:55:20 +0000

for some reason my example didn’t fully post. here is the class getting applied to a link button

By: Ed Elfreth

Ed Elfreth — Thu, 08 Sep 2011 11:52:17 +0000

I just wanted to post this for ASP.NET link buttons. I couldn’t get the above solutions to work with link buttons, but this works pretty well as an alternative. It disables all buttons with transactionLinkButtonJQ class applied.

I have this in my master page:

String.prototype.replaceAll = function (stringToFind, stringToReplace) {
var temp = this;
var index = temp.indexOf(stringToFind);

while (index != -1) {
temp = temp.replace(stringToFind, stringToReplace);
index = temp.indexOf(stringToFind);
}

return temp.toString();
};

$(“.transactionLinkButtonJQ”).bind(“click”, function() {
//alert(this.id);
$(“.transactionLinkButtonJQ”).each(function () {
$(this).attr(“disabled”, “disabled;”);
});
__doPostBack(this.id.replaceAll(‘_’, ‘$’), ”)
});
}

any link button you want disabled on a page after a click you have to add the class transactionLinkButtonJQ (see below)

By: Rinze Krol

Rinze Krol — Fri, 26 Aug 2011 12:28:16 +0000

@ Henrik Nyh
I prefer your solution as well. I generalized it to any form:
$(document).ready(function(){
$(‘form’).submit(function(){
if (this.beenSubmitted)
return false;
else
this.beenSubmitted = true;
});
});