Javascript２重投稿禁止

JavaScriptで投稿フォームの二重クリックを禁止したのですが、submitボタン部分だけPOSTでとばせなくなってしまいます。このような場合どうしたら良いのでしょう？

投稿フォームで登録ボタン押すとページ遷移して、遷移先で投稿フォームの登録ボタン（type="submit"　name="add"）の$_POST["add"]を判定してDBにINSERTされるのですが、POSTでname="add"が渡せなくなってしまいます。

原因としては、投稿フォーム側でJavaScriptを追加したことだと思います。

投稿フォームのコードです

php
1<script>
2function check(){
3  var obj = document.getElementById("btnSubmit");
4  if(obj.disabled){
5    //ボタンがdisabledならsubmitしない
6    return false;
7  }else{
8    //ボタンがdisabledでなければ、ボタンをdisabledにした上でsubmitする
9    obj.disabled = true;
10    return true;
11  }
12}
13</script>
14
15<form class="" id="" name="add" action="top.php" method="post" onsubmit="return check()">
16
17<input type="submit" name="add" class="button" id="btnSubmit" value="登録する">
18

２重クリックは禁止にできたのですがどこが間違っているのか正直わかりません。アドバイス等いただけると助かりますよろしくおねがいしますm(_ _)m

行動規範の内容に同意します

回答1件

ベストアンサー

単純にaddは別要素でもってください

javascript
1<script>
2function check(){
3  var obj = document.getElementById("btnSubmit");
4  obj.disabled = true;
5  return true;
6}
7</script>
8<form target="_blank" method="post" onsubmit="return check()">
9<input type="hidden" name="add" value="1">
10<input type="submit" class="button" id="btnSubmit" value="登録する">
11</form>