Javascript 一旦用户提交表单，禁用提交按钮

我正在使用PHP&MySQL提交一个包含以下代码的表单，并使用PHP中的

isset

函数将值提交到数据库

<div class="display">
    <form action="" method="POST">
        <div>
            <input type="text" name="name" placeholder="Your Name" required="required">
        </div>
        <div>
            <input type="text" name="phone" id="phone" placeholder="Mobile" required="required" onblur="check();">
            <br/>
            <span id="e_mobile"></span>
            <?php if(isset($_GET["r"])){ ?><p>Invalid number; must be ten digits. Please submit your query again</p><?php } ?>
        </div>
        <div>
            <input type="text" name="landline" id="landline" placeholder="Alternate Number" required="required" onblur="check1();">
            <br/>
            <span id="e_landline"></span>
        </div>
        <div>
            <input type="email" name="email" placeholder="Email" required="required">
        </div>
        <div>
            <input type="text" name="address" placeholder="Your Address" required="required">
        </div>
        <div>
            <input type="hidden" value="0" name="salesid"/>
        </div>
        <input type="submit" name="submit" value="Submit">
    </form> 
</div>

无效号码；必须是十位数。请再次提交您的查询

现在我想，一旦用户点击提交按钮，一旦按钮应该冻结；到目前为止，如果用户多次（故意或错误地）单击submit按钮，则相同的信息会在数据库中多次提交

在这种情况下该怎么办？

试试JQuery：

首先在表单中添加一个ID

<form action="" method="POST" id="form">

然后添加脚本：

<script type="text/javascript">
$(document).ready(function() {
    $("#form").submit(function(e){
        $("input[type='submit']").attr("disabled","disabled");
    });
});

</script>

$（文档）.ready（函数（）{
$（“#表格”）。提交（功能（e）{
$（“input[type='submit']”）attr（“disabled”、“disabled”）；
});
});

您可以添加PHP验证码以防止用户再次单击

请审查以下两个网址，其中包括演示太

---

在此场景中使用名为disabled的属性…这将满足您的要求

，但我认为这不是处理这种情况的方法（防止表单重新提交）。