admin管理员组

文章数量:1416651

I have a submit button in my login page. I want to disable the submit button after clicking once.I'ts working fine with this.disabled = true; query and after disable the button it's going to the next page. The problem is that when I press back button it's still is disable because the page is not reloaded from server,It's loading from the local cache. I want to enable the button every time when I e back to the login page. I can clear the cache but there is some problem like if it will load from the server and project will be slow. What will be the best way to do this?

<script>
$(document).ready(function(){
    $(document).on('click','button',function(){
        this.disabled = true
        window.location="/"
    })
})
</script>
<body>
<button type="submit" id="button">Click Me!</button> 
</body>

I have a submit button in my login page. I want to disable the submit button after clicking once.I'ts working fine with this.disabled = true; query and after disable the button it's going to the next page. The problem is that when I press back button it's still is disable because the page is not reloaded from server,It's loading from the local cache. I want to enable the button every time when I e back to the login page. I can clear the cache but there is some problem like if it will load from the server and project will be slow. What will be the best way to do this?

<script>
$(document).ready(function(){
    $(document).on('click','button',function(){
        this.disabled = true
        window.location="https://www.google.co.in/"
    })
})
</script>
<body>
<button type="submit" id="button">Click Me!</button> 
</body>
  • javascript
  • jquery
Share Improve this question edited Jul 29, 2013 at 19:50 Hamed Khosravi 5457 silver badges22 bronze badges asked Jul 29, 2013 at 19:43 KousikKousik 22.5k7 gold badges38 silver badges60 bronze badges 6
  • why do you need to disable it if it goes to another page? – Sergio Commented Jul 29, 2013 at 19:45
  • @Sergio -- Probably to avoid multiple form submissions or something to that extent. – sbeliv01 Commented Jul 29, 2013 at 19:46
  • @sbeliv01, yes possible. Just curious to understand better OP's idea. – Sergio Commented Jul 29, 2013 at 19:47
  • @Sergio here my example is simple so you can feel that its not required but for form submission or ajax POST it is required otherwise it will send multiple request. – Kousik Commented Jul 29, 2013 at 19:49
  • Do you get the url from ajax call? can you not enable it on the response function of the ajax? – Sergio Commented Jul 29, 2013 at 19:51
 |  Show 1 more ment

2 Answers 2

Reset to default 2

I set the buttons initial disabled attribute to disabled in the body html to prove that the code does enable it again (so you can remove that in the body) I hope this helps:

<script>
$(document).ready(function () {
$("#button").removeAttr('disabled');
$("#button").click(function(){
        $(this).attr('disabled','disabled');
        window.location="https://www.google.co.in/"
    });
});
</script>
<body>
<button type="submit" id="button" disabled="disabled">Click Me!</button> 
</body>

You need another event that ensures the button is enabled on page load. Kind of like:

<script>
$(document).ready(function(){
    $("#button").disabled = false;
    $(document).on('click','button',function(){
        this.disabled = true
        window.location="https://www.google.co.in/"
    })
})
</script>
<body>
<button type="submit" id="button">Click Me!</button> 
</body>

I didn't try running this so I'm not sure if the syntax is 100% but it should give you the right idea.

本文标签： javascriptButton disable after clicking issueStack Overflow

版权声明：本文标题：javascript - Button disable after clicking issue - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745255940a2650101.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。