如何防止多次单击表单按钮

Question

我正在使用以下代码向我的数据库提交值。

<input id="btn_'.$temp['id'].'" value="Confirm" style="background: #409940; border-radius: 10px; color: white;" type="button" onclick="validaLink(\''.$temp['id'].'\');">

问题：

在2秒内，以相同的值提交多次点击，直到div消失。

我做了什么：
我提交后尝试禁用表单按钮。但我猜2次onclick事件不起作用。

建议/代码更正

Answer 1

试试这个

onclick="javascript:validaLink(\''.$temp['id'].'\'); this.disabled = true;"

Answer 2

以下代码将在第一次单击后禁用按钮的onclick事件处理程序，并且还会禁用按钮本身。

onclick="this.onclick=null;this.disabled = true;validaLink(\''.$temp['id'].'\');"