Comments on: Disable button after first click http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/ Sat, 30 Aug 2008 11:31:12 +0000 http://wordpress.org/?v=2.5.1 By: Selvaraj http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-13774 Selvaraj Tue, 04 Jan 2005 12:00:16 +0000 http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-13774 How to disable the minimize and maximize button By using the javascript function How to disable the minimize and maximize button By using the javascript function

]]> By: chaotic intransient prose bursts http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-12621 chaotic intransient prose bursts Thu, 16 Sep 2004 01:13:47 +0000 http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-12621 <trackback /><strong>Submit only once!</strong> A simple way to prevent duplicate comments. Submit only once!
A simple way to prevent duplicate comments.

]]> By: johnny B http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-9727 johnny B Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-9727 Not to raise a dead issue, but it doesn't have to be so hard: onClick="this.disabled=true; this.value='Sending...'; this.form.submit();" What's more to it than that? Not to raise a dead issue, but it doesn’t have to be so hard:

onClick=”this.disabled=true; this.value=’Sending…’; this.form.submit();”

What’s more to it than that?

]]> By: Benjamin http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-9728 Benjamin Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-9728 johnny B - The only thing more to it than that is sending the the submit button's name/value pair to the server (your example doesn't do that). Below is what I came up with... <input type=hidden id=hidden1><input type=submit onclick="this.disabled=true;hidden1.name=this.name;hidden1.value=this.value;this.form.submit()" name=send value=Send> johnny B - The only thing more to it than that is sending the the submit button’s name/value pair to the server (your example doesn’t do that).

Below is what I came up with…

<input type=hidden id=hidden1><input type=submit onclick=”this.disabled=true;hidden1.name=this.name;hidden1.value=this.value;this.form.submit()” name=send value=Send>

]]> By: Pit http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-9726 Pit Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-9726 <script language="Javascript"> <!-- function Disable(form) { if (document.getElementById) { for (var i = 0; i < form.length; i++) { if (form.elements[i].type.toLowerCase() == "submit") form.elements[i].disabled = true; } } return true; } //--> </script> then add this in the <form onSubmit="Disable(this);" action="blah" post="blah"> <script language=”Javascript”>
<!–
function Disable(form) {
if (document.getElementById) {
for (var i = 0; i < form.length; i++) {
if (form.elements[i].type.toLowerCase() == “submit”)
form.elements[i].disabled = true;
}
}
return true;
}
//–>
</script>

then add this in the <form onSubmit=”Disable(this);” action=”blah” post=”blah”>

]]> By: James http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-9725 James Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-9725 The button code seems to be gone from my post...anyway, e-mail me if you want it. The button code seems to be gone from my post…anyway, e-mail me if you want it.

]]> By: James http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-9724 James Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-9724 Here's code to prevent double-clicking that works, even with Netscape 4: Insert between <head></head> tags: <script type="text/javascript"> /* Block multiple form submission script- By JavaScriptKit.com Visit http://www.javascriptkit.com for this script and more This notice must stay intact for use */ //Enter error message to display if submit button has been pressed multiple times below. //Delete below line if you don't want a message displayed: var formerrormsg="You\'ve attempted to submit the form multiple times.\n Please reload page if you need to resubmit form." function checksubmit(submitbtn){ submitbtn.form.submit() checksubmit=blocksubmit return false } function blocksubmit(){ if (typeof formerrormsg!="undefined") alert(formerrormsg) return false } </script> Button: <input type="Submit" name="-nothing" onClick="return checksubmit(this)" value=" S U B M I T "> I always laugh when I see a Javascript that only supports Internet Explorer. Then these same people wonder what's going on when people with older browsers try to use their site. I simply *will not* use a Javascript unless I can get it to work with NN4 and higher. In many cases, you can keep Google'ing until you find a solution. Here’s code to prevent double-clicking that works, even with Netscape 4:

Insert between <head></head> tags:

<script type=”text/javascript”>

/*
Block multiple form submission script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact for use
*/

//Enter error message to display if submit button has been pressed multiple times below.
//Delete below line if you don’t want a message displayed:

var formerrormsg=”You\’ve attempted to submit the form multiple times.\n Please reload page if you need to resubmit form.”

function checksubmit(submitbtn){
submitbtn.form.submit()
checksubmit=blocksubmit
return false
}

function blocksubmit(){
if (typeof formerrormsg!=”undefined”)
alert(formerrormsg)
return false
}

</script>

Button:

<input type=”Submit” name=”-nothing” onClick=”return checksubmit(this)” value=” S U B M I T “>

I always laugh when I see a Javascript that only supports Internet Explorer. Then these same people wonder what’s going on when people with older browsers try to use their site. I simply *will not* use a Javascript unless I can get it to work with NN4 and higher. In many cases, you can keep Google’ing until you find a solution.

]]> By: Terry http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-9723 Terry Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-9723 <script type="text/javascript"> // <!-- This will allow edit checking, and still disable the Submit button function form_control(theForm) {    if ( theForm.first_name.value.length == 0 ) {    alert( 'Please Enter First Name .' );    theForm.first_name.focus();    return false;    }    // etc... more edit checking here document.getElementById('once').disabled=true; theForm.submit(); return true; } --> </script> <?php echo "<form name='".$form_name."' action='".$form_action."' method='post' onSubmit='return form_control(this);'>"; // form contents go here.... echo "<center><input type='submit' value='". $submit_msg ."' id=\"once\" /></center>\n </form>"; //</td></tr></table>"; // "Save Changes" ?> <script type=”text/javascript”>
// <!– This will allow edit checking, and still disable the Submit button

function form_control(theForm)
{

   if ( theForm.first_name.value.length == 0 ) {
   alert( ‘Please Enter First Name .’ );
   theForm.first_name.focus();
   return false;
   }
   // etc… more edit checking here
document.getElementById(’once’).disabled=true;
theForm.submit();
return true;
}

–>
</script>
<?php

echo “<form name=’”.$form_name.”‘ action=’”.$form_action.”‘ method=’post’ onSubmit=’return form_control(this);’>”;

// form contents go here….

echo “<center><input type=’submit’ value=’”. $submit_msg .”‘ id=\”once\” /></center>\n
</form>”; //</td></tr></table>”; // “Save Changes”
?>

]]> By: Jake http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-9722 Jake Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-9722 Great! Thanks for the help on this one! Great! Thanks for the help on this one!

]]> By: Michael Hanscom http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-9719 Michael Hanscom Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2003/04/13/disable-button-after-first-click/#comment-9719 <blockquote>As it stated in the article I linked to - "This tip works for IE and N6"</blockquote> Oh — you mean I'm actually supposed to <em>read</em> these things, instead of just clicking wildy, then coming back here to whine? ;) Somehow I missed that line while I was reading it. Hrmpf. Guess I'll just slink back to my own little corner of the web now...(sheepish grin).

As it stated in the article I linked to - “This tip works for IE and N6″

Oh — you mean I’m actually supposed to read these things, instead of just clicking wildy, then coming back here to whine?
;)
Somehow I missed that line while I was reading it. Hrmpf. Guess I’ll just slink back to my own little corner of the web now…(sheepish grin).

]]>