javascript - 禁用提交，但首先提交表单

Question

<script>function lockoutSubmit(button) {
    var oldValue = button.value;

    button.setAttribute('disabled', true);
    button.value = '...processing...';

    setTimeout(function(){
        button.value = oldValue;
        button.removeAttribute('disabled');
    }, 3000)
}</script>

这就是我用于禁用的脚本(在 Stack Overflow 上找到)。

这是我的更新条件:

<?php
    if(isset($_POST['coin'])){

        $coin="UPDATE users SET coins = coins + 100 WHERE user_id = '$user_id'";

        $coin_in=mysqli_query($conn,$coin);
    }?>

这是我添加 onclick 的地方输入:

<form action="" method="post">
 <input type="submit" value="Get Coins" name="coin" onclick="lockoutSubmit(this)" >
 </form>

此脚本在单击按钮后禁用它，这是我想要的，但问题是，当我添加 onclick 时输入 UPDATE来自 if条件，它不起作用。基本上当我点击提交时，没有任何反应，它只是禁用它。我是 JavaScript 的新手，不知道是否可以像这样组合它...有什么想法/提示吗？

Answer 1

如果您向 onclick 返回 false，它将不会提交表单。

因此，只需将 return false 添加到 lockoutSubmit() 并使用 document.getElementById("myForm").submit(); 手动提交; 延迟之后。