我有一个带有提交按钮的 HTML 表单。我希望此按钮在单击时被禁用。但我也希望提交表单。
我没有使用 ajax 请求来提交表单。处理表单的 PHP 脚本需要很长时间。因此,一些用户只需在几秒钟后单击它,表单就会被提交两次,从而导致数据库中有两行具有相同的数据。
到目前为止,这是我尝试过的
<form method="POST" action="xyz.php">
<input type="text" name="fields[]" />
<input type="text" name="fields[]" />
<input type="text" name="fields[]" />
<input type="text" name="fields[]" />
<input type="submit" onclick="$(this).attr('disabled', true);" value="Submit" />
</form>
提交按钮上的 onclick 事件禁用了该按钮,但它也不允许提交表单。但我想要提交表单,还希望禁用该按钮。
最佳答案
你可以试试下面的代码
onclick="this.disabled=true;this.form.submit();this.value='正在提交...';"
关于javascript - 禁用提交按钮后表单未提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51707132/