如果使用onclick事件+ javascript

Question

表單沒有submited我想在5秒之前禁用提交按鈕，然後它變得可點擊。該腳本工作並使按鈕不可點擊5秒，但問題是它不提交表單。

請幫忙。

<form id="frm_wanted_search"> 
<input type="submit" onclick="lockoutSubmit(this)" name="school_name" id="btn_book_search" value="Search"> 
</form> 

<script> 
function lockoutSubmit(button) { 
var oldValue = button.value; 

button.setAttribute('disabled', true); 
button.value = '...processing...'; 

setTimeout(function(){ 
    button.value = oldValue; 
    button.removeAttribute('disabled'); 
}, 5000) } 
</script> 

Answer 1

試試下面的代碼

<form name ="form1" id="frm_wanted_search"> 
<input type="submit" onclick="lockoutSubmit(this)" name="school_name" id="btn_book_search" value="Search"> 
</form> 

<script> 
function lockoutSubmit(button) { 

event.preventDefault(); 
var oldValue = button.value; 

button.value = '...processing...'; 

setTimeout(function(){ 
button.value = oldValue; 


document.form1.submit(); 
}, 5000) 
} 
</script> 

Answer 2

試試這個，這個想法是你綁定網頁加載事件，做一些東西上的按鈕，並啓動一個定時器，就可以了。

window.onload = disableButton; 
 

 
var button = document.getElementById("btn_book_search"); 
 
var oldValue = button.value; 
 

 
function disableButton() { 
 
    button.value = '...processing...'; 
 
    button.disabled = true; 
 
    setTimeout(function(){ 
 
    button.value = oldValue; 
 
    button.removeAttribute('disabled'); 
 
}, 5000); 
 
}

<form id="frm_wanted_search"> 
 
<input type="submit" name="school_name" id="btn_book_search" value="Search"> 
 
</form>