用户提交表单后禁用提交按钮

时间:2016-10-24 06:27:39

标签: javascript php mysql

我正在使用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>

现在我希望一旦按钮冻结,用户点击提交按钮;截至目前,如果用户多次点击提交按钮(有意或有误),则会在数据库中多次提交相同的信息。

在这种情况下该怎么做?

2 个答案:

答案 0 :(得分:0)

尝试使用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>

答案 1 :(得分:-2)

您可以添加PHP Captcha以防止用户再次点击。

请在下面查看两个包含演示的网址。

  1. http://www.w3schools.in/php/captcha/
  2. http://99webtools.com/blog/php-simple-captcha-script/