Question

我在div中有这个表单，另一个div里面有提交按钮。

<div class="container1">
        <form name="reg-form" id="signup" action="" method="post">      
            <div class="sep"></div>
            <div class="inputs">
                <input type = "submit" id="submit" name="submitkey" value="GENERATE KEY" />
            </div>

        </form>         
    </div>

如何在一次点击后禁用提交按钮？我尝试了我找到的每个javascript代码，但它对我不起作用。我不知道是不是因为表单在div中，而提交按钮在另一个div中。谢谢。

Answer 1

document.getElementById('signup').onsubmit = function() {
    document.getElementById('submit').disabled = true;
};

Demo

代码应放在脚本下，或包含在DOMContentLoaded / window.onload处理程序中。确保您的HTML没有重复的ID。

此外，如果在页面刷新/表单提交后按钮必须保持禁用状态，则需要cookie或服务器端会话。这些方法都不是万无一失的，这超出了我认为的问题的范围。

Answer 2

如果你有jquery，你可以使用这段代码：

$('#signup').submit(function(){
    $('#submit').attr('disabled', 'disabled');
});

如何在一次点击后禁用提交按钮？

2 个答案: