使用javascript禁用表单提交按钮

Question

基本上我在php文件中有一个表单，我想在用户点击提交后禁用提交按钮。 如果不是我的数据库在多次点击后被垃圾邮件。

我搜索了stackoverflow并搜索了我的问题并尝试了很多解决方案，而不是工作。 不确定我是愚蠢还是什么。 经过无数次试验和错误仍然无法提交表格，这就是为什么我做了一个新的主题。 我已经尝试在表单的提交输入上设置“onsubmit”属性，但表单根本没有提交，只是卡住了。 还尝试了其他Javascript解决方案但没有成功。

任何帮助将不胜感激！ 请不要苛刻，我几乎没有经验的Javascript。

<form action="adduser.php" method="POST">
              <div class="form_attr">
                <label>Username:</label><input type="text" name="username" value="<?php if ($err_flag == true){echo htmlspecialchars($username);}?>">
                <br/>
                <label>Password:</label><input type="password" name="password" value="">
                <br/>
                <label>Firstname:</label><input type="text" name="firstname" value="<?php if ($err_flag == true){echo htmlspecialchars($firstname);}?>">
                <br/>
                <input type="checkbox" name="admin" value="1"> Admin<br/>
                <input type="checkbox" name="receptionist" value="2"> Receptionist<br/>
                <input type="checkbox" name="technician" value="4"> Technician<br/>
                <input type="submit" name="submit" value="submit">
              </div>
           </form>

Answer 1

这样的事情应该会有所帮助。

$(function(){
    $("input[type='submit'][name='submit']").click(function(){
        $(this).attr("disabled", "disabled");
        return true;
    });
});

演示

Answer 2

<input type="submit"  onclick="this.disabled=true;" name="submit" value="submit" >

没有测试它，但它应该工作。

注意：这不是一个好的解决方案 - 有人可以禁用js和垃圾邮件。 你需要在后端（在PHP中）防止这种情况。