如果使用onclick event+javascript，则不提交表单

Form is not submited if using onclick event + javascript

本文关键字：提交 表单 event+javascript onclick 如果      更新时间：2023-09-26

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

尝试以下代码

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

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

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>

相关文章：