Javascript 表单未提交,当单击“提交”按钮后禁用时,页面未加载
当我单击submit按钮时,页面加载几秒钟,然后表单最终提交。我想在短时间内停止多次提交。这就是为什么我使用以下jquery来停止多个提交Javascript 表单未提交,当单击“提交”按钮后禁用时,页面未加载,javascript,php,jquery,html,forms,Javascript,Php,Jquery,Html,Forms,当我单击submit按钮时,页面加载几秒钟,然后表单最终提交。我想在短时间内停止多次提交。这就是为什么我使用以下jquery来停止多个提交 <input name="submit" type="submit" id="submit" value="Submit" onclick="Submit(this)"/> 功能提交(按钮) { var oldValue=button.value; setAttribute('disabled',true); button.value='
<input name="submit" type="submit" id="submit" value="Submit" onclick="Submit(this)"/>
功能提交(按钮)
{
var oldValue=button.value;
setAttribute('disabled',true);
button.value='processing…';
setTimeout(函数(){
button.value=旧值;
按钮。删除属性(“禁用”);
}, 10000)
}
我的问题是,当我单击submit按钮时,它会禁用几秒钟,然后按钮会重新启用,但表单不会提交,页面也不会加载
当我在googlechrome
上单击提交按钮时,按钮会单击,但页面不会加载,表单也不会提交。当我单击Mozilla Firefox上的submit按钮时,页面将转到form action页面,并显示一个白色页面。尝试以下操作:
<script>
function Submit(button)
{
var oldValue = button.value;
button.setAttribute('disabled', true);
button.value = 'processing...';
$(button).closest('form').submit();
}
</script>
<input type="submit"/>
功能提交(按钮)
{
var oldValue=button.value;
setAttribute('disabled',true);
button.value='processing…';
$(按钮)。最近('form')。提交();
}
实际问题是,在触发提交事件之前,按钮被禁用
试试这个:
<script>
function Submit(button)
{
var oldValue = button.value;
button.setAttribute('disabled', true);
button.value = 'processing...';
$(button).closest('form').submit();
}
</script>
<input type="submit"/>
尝试将“按钮”更改为“类型”按钮,但不要更改submit@achal纳斯卡:为什么你要在10秒后重新按下按钮?这是您在setTimeout回调函数中对序列所做的操作。“为什么我使用以下jquery”-不,您没有在该脚本中使用任何jquery。这都是本机JavaScript。@achal您使用setTimeout模拟ajax调用还是什么?您不必编写e.preventDefault();因为返回false();为你做