「submitボタン」を使いやすくするTips

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

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

うほー、これいい!

Yahoo Shopping Searchにサンプルがあるので、見ると分かりやすいです。

画面が遷移しないことで「submitボタン」を連打してしまうことってありがちだと思うのですが、それを解消してくれます。ちょっとしたJavaScriptで実現できますので、これは真似したい。素晴らしい!

追加:

naoyaのはてなダイアリー – submit ボタン disable 技の罠

昨日のonsubmit で submit ボタンを disable にしてユーザビリティを良くするにはちょっとした罠があって、それに気付かずに使うとはまってしまうかもしれないので、それもちょっと書いておく、というか今日僕自身がはまったわけだが。