onclickイベントでの二重送信防止に関して

onclickイベントでフォームの二重送信の防止をしたいと考えています。

<input "type="submit">が一つしかないページでは、
<input "type="submit" onclick="this.disabled=true;this.value='送信中';this.form.submit();" value="送信">
でうまくいったのですが、
２つ以上あるページだと、クリックすると空白のページに飛んでしまい、フォームが送信できませんでした。

どのようにすれば、<input "type="submit">が2つ以上あるページでも、この方法で二重送信防止を作動させることができるでしょうか。

ご教授よろしくお願いいたします。

No.1 ベストアンサー 回答者： naktak 回答日時： 2014/04/24 10:17

document.getElementByIdでも使って対象input要素を取得し、disabled = trueにすればいいのでは。

まずは、onClick()内に直接JavaScriptを書くのをやめればいいと思います。

https://developer.mozilla.org/ja/docs/Web/API/do …

No.2 回答者： askaaska 回答日時： 2014/04/24 22:21

#1さんのに加えて

できれば
type=submit
ではなく
type=button
がいいかも？