2013-07-29 3 views
5

У меня есть кнопка отправки на моей странице входа. Я хочу отключить кнопку отправки после нажатия кнопки «один раз». Я отлично работаю с запросом this.disabled = true; и после отключения кнопки он перейдет на следующую страницу. Проблема в том, что когда я нажимаю кнопку «Назад», она по-прежнему отключается, потому что страница не перезагружается с сервера, она загружается из локального кеша. Я хочу включить кнопку каждый раз, когда я вернусь на страницу входа. Я могу очистить кеш, но есть некоторые проблемы, например, если он будет загружаться с сервера, а проект будет медленным. Каким будет лучший способ сделать это?Кнопка отключена после нажатия вопроса

<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> 
+0

почему вам нужно отключить его, если он перейдет на другую страницу? – Sergio

+0

@ Серхио - Возможно, чтобы избежать множественных представлений форм или чего-то такого. – sbeliv01

+0

@ sbeliv01, да возможно. Просто любопытно понять лучшую идею ФП. – Sergio

ответ

2

Я установил кнопки начального инвалида атрибут отключен в HTML тела, чтобы доказать, что код делает включить его снова (так что вы можете удалить, что в организме) Я надеюсь, что это помогает:

<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> 
+0

@StevelKB работает в браузере не в android. – Nullify

+0

не могли бы добавить тег android на ваш вопрос, спасибо! – SteveKB

2

Вам нужно другое событие, обеспечивающее включение кнопки при загрузке страницы. Вроде как:

<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> 

Я не попробовать запустить это так, я не уверен, если синтаксис 100%, но это должно дать вам правильное представление.

+0

Это отключит кнопку, а затем щелкнет ее. – mikeswright49

+1

№ Отключено установлено значение true внутри прослушивателя onclick. После рендеринга страницы вызывается Document.ready(). Этот код включает кнопку после рендеринга страницы. Конечно, я не уверен, будет ли вызываться .ready() при загрузке из кеша. – retrohacker

+0

чувак вы должны прочитать вопрос тщательно. Button enable будет работать, когда он запустит $ («# button»). Disabled = false; при нажатии кнопки «Назад» не будет запускать какой-либо запрос, он вернет страницу из кеша – Nullify

Смежные вопросы