naoyaのはてなダイアリー - onsubmit で submit ボタンを disable にしてユーザビリティを良くする

先の Yahoo! Shopping のアプリケーションで、今度ちょっとやってみようと思ってたことを実装してみた。 http://bloghackers.net/~naoya/ys/app.cgi ボタンを押したときに、そのボタンが disable になります。この方法を使うとボタンが押されて次の処理に入ろうとしているというのが直感的に分かるのと、二重送信防止にもなるということでユーザビリティが改善できます。 仕掛けはすごく簡単で、form の onsubmit ハンドラに、その form に紐づく submit ボタンを disable になるような JavaScript を登録しておくだけ。 function disableSubmit(form) { var elements = form.elements; for (var i = 0; i < elements.length;

[gosshujin]

javascript submit disable

[webmarksjp]

JavaScript

[t32k]

- Tags: #form

[norizo3]

submitをdisableに

[qinmu]

JavaScript。二重送信防止。こちらも→ JavaScriptを利用してフォームの二重送信を防止する http://japan.internet.com/developer/20070116/27.html

[manhole]

ダブルサブミット対策

[k1m]

t/o

[MotionBros]

onsubmit で Disable

[galyama]

ボタン以外（リンクなど）でform.submit()している箇所がある場合はプラスアルファの対応が必要

[oki448jp]

フォームのボタンをクリックしたとき、ボタンをdisabledにする

[sato018]

form disable

[talo]

ブラウザで「戻る」と、無効になったまま

[asiamoth]

『ボタンを押したときに、そのボタンが disable になります。この方法を使うとボタンが押されて次の処理に入ろうとしているというのが直感的に分かるのと、二重送信防止にもなるということでユーザビリティが改善できま

[simpleboxes]

参考に

[highfrontier]

なるほど

[Horiuchi_H]

へぇー。この頃Web系の開発はまったくしてないけど、いつか役に立ちそうなネタ発見。

[akton]

なるほど

[a_666666]

これは良い。中断ボタンについて調べて早速使ってみよう。

[faerie]

送信中にしいたけを押されたらどうすんの？

[shozzy]

メモメモ

[bunhiko]

二重投稿を防ぐ

[setamise]

　TIPS

[tetsu_y1]

処理中ボタンを押せなくする

[vkgtaro]

二重送信防止に。実装も難しくないようだ。簡単なことから始めよう。

[nkoz]

二度押し防止

[k2low]

JavaScriptで二重送信の抑止をする。

[DocSeri]

簡単にできてユーザビリティを改善できるのに、なぜか今までやってない。

[takeshi]

これはいい

[wacky]

submitボタンを無効化して2重送信を防ぐ。はてブで何度か苦い思いをしているので実装されるとうれしい。

[d4-1977]

よく忘れるのでメモ