表单在禁用提交按钮后不提交

Question

我有一个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事件禁用按钮,但它也不允许提交表单.但我希望提交表单,并希望禁用该按钮.

Answer 1

您可以尝试以下代码 onclick="this.disabled=true;this.form.submit();this.value='Submiting...';"