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>
- 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
2 Answers
Reset to default 2I 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.
发布者：admin，转转请注明出处：http://www.yc00.com/questions/1745255940a4618956.html
评论列表（0条）