ユーザーがフォームを送信した後に送信ボタンを無効にする

Question

PHP & MySQLを使用して、次のコードでフォームを送信し、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回以上（意図的にまたは間違えて）クリックすると、同じ情報が複数回データベースに送信されます。

この場合、どうすればよいですか？

Answer 1

はjQueryを使って試してみてください。それは、スクリプトを追加した後

まずフォームに

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

をIDを追加します。

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

</script> 

Answer 2

あなたは再びユーザーのクリックを防ぐために、PHPキャプチャを追加することができます。

以下の2つのデモを含むURLを確認してください。このシナリオでは無効と呼ば

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