如果使用onclick事件+；javascript

我想禁用submit按钮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>

功能锁定提交（按钮）{
var oldValue=button.value；
setAttribute（'disabled'，true）；
button.value=“…正在处理…”；
setTimeout（函数（）{
button.value=旧值；
按钮。删除属性（“禁用”）；
}, 5000) }

尝试下面的代码

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

功能锁定提交（按钮）{
event.preventDefault（）；
var oldValue=button.value；
button.value=“…正在处理…”；
setTimeout（函数（）{
button.value=旧值；
文件。表格1。提交（）；
}, 5000) 
}

试试这个，你的想法是绑定页面加载事件，在按钮上做一些事情，然后触发一个计时器

window.onload=禁用按钮；
var按钮=document.getElementById（“btn_book_search”）；
var oldValue=button.value；
函数disableButton（）{
button.value=“…正在处理…”；
button.disabled=true；
setTimeout（函数（）{
button.value=旧值；
按钮。删除属性（“禁用”）；
}, 5000);
}