Can we disable button on HTML after clicking on button?

Question

1.00/5 (1 vote)

See more:

when we are loading a page button should be disable for 5 sec.
after that that will enable, when we click on button that has to take to us to particular link.(onclick)
once we click on button again button should be disabled.

What I have tried:

i have tried below one

1.when we are loading a page button should be disable for 5 sec.
2.after that that will enable, when we click on button that has to take to us to perticular link.(onclick)

HTML

<input type="submit" id="submitButton"  disabled="disabled" />

JavaScript

<script type="text/javascript">
    window.onload=function() {
      setTimeout(function() {
        document.getElementById('submitButton').disabled = false;
      }, 5000); 
    }
</script>

after that when we clicked on button that has to diasble that is not happening by using above code

Posted 30-Apr-16 18:18pm

Member 12363094

Updated 30-Apr-16 18:51pm

George Jonsson

v2

Add a Solution

Comments

George Jonsson 1-May-16 0:28am

Where is your onClick function?

Member 12363094 1-May-16 0:30am

that is not adding same line in that input tag
Onclick="window.open('http://www.google.co.in/')"

George Jonsson 1-May-16 0:40am

If I understand you correctly you want to disable the button after it has been clicked.
Which function do you expect to be invoked when you click the button?
Or is the problem that the button is never enabled?
Not entirely clear.

Member 12363094 1-May-16 0:43am

after clicking on button i can able to open link on other window also.
i am having problem with when we clicked on button that should be disable

Member 12363094 1-May-16 0:45am

i want to invoke some link(href functionality) when i clicked on button.
what u understood is correct.

Member 12363094 1-May-16 1:14am

Hi i have tried with ur solution but i was not able to disable a button.still that is enable

Sergey Alexandrovich Kryukov 1-May-16 16:25pm

SetTimeout? Amazing thinking. How could you possibly get to this idea, totally irrelevant to what you wanted?
—SA

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

George Jonsson · Accepted Answer · 2016-04-30T18:51:00

Solution 1

You could try something like this

JavaScript

<script>
document.getElementById("submitButton").addEventListener("click", myFunction);

function myFunction() {
    document.getElementById('submitButton').disabled = true;
}
</script>

Posted 30-Apr-16 18:51pm

George Jonsson

Updated 30-Apr-16 19:35pm

v2

Comments

Member 12363094 1-May-16 1:17am

i have tried with ur solution but still that button is enable once we clicked otherthan that every thing is working fine.

Member 12363094 1-May-16 1:21am

hi sorry in code u have given false instead of true.
now working fine .Thank u so much

George Jonsson 1-May-16 1:36am

Sorry about that.
I did a classical copy&paste and forgot to change the assignment.
I updated the answer with the correct assignment.

Sergey Alexandrovich Kryukov 1-May-16 16:29pm

getElementById("submitButton") is repeated twice.
Non-anonymous separate myFunction is totally pointless.
Correct answer but quite ugly scripting...
—SA

George Jonsson 1-May-16 17:50pm

True. Didn't work it all through.

Sergey Alexandrovich Kryukov 1-May-16 19:08pm

Really? This is easy to fix...
No, I just checked it up; it does work. Of course, just for normal button, which is not "disabled for 5 sec", which is totally silly. But even if this temporary disabling is implemented (which is also damn easy), it will work.

Also, a button of type "Submit" only makes sense if a form which is really submitted. And if a form is submitted, there is no a need for disabling it. Overall, this whole page is just talking about nothing.

—SA