2005-08-05(金)
■onsubmit で submit ボタンを disable にしてユーザビリティを悪くするのはやめてください
onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリー
送信ボタンを押した後に、しいたけ等で送信を中止すると困ったことになる。リロードすれば送信できるようになるが、そうすると入力内容も消えてしまう。
だから、ボタンを押してしばらくしたら disabled を解除してやるといい。
function disableSubmit() {
var elements = this.elements;
for (var i = 0; i < elements.length; i++) {
var e = elements[i];
if (e.type == 'submit') {
e.disabled = true;
setTimeout(function() {
e.disabled = false;
}, 1000);
}
}
}
window.onload = function() {
for (var i = 0; i < document.forms.length; ++i) {
document.forms[i].onsubmit = disableSubmit;
}
}
追記
onsubmit で disable にするやつで、さらなる改良版が提示されている。
コメント
トラックバック - http://d.hatena.ne.jp/faerie/20050805/1123218492
リンク元
- 255 http://espion.just-size.jp/archives/05/220233057.html
- 255 http://www.drk7.jp/MT/archives/001345.html
- 199 http://d.hatena.ne.jp/hoso-kawa/20050811
- 119 http://d.hatena.ne.jp/naoya/20050803/1123053496
- 52 http://b.hatena.ne.jp/
- 34 http://b.hatena.ne.jp/entry/527040
- 23 http://a.hatena.ne.jp/ZIDAN/simple
- 23 http://b.hatena.ne.jp/hotentry
- 19 http://b.hatena.ne.jp/wacky/ユーザビリティ/
- 19 http://d.hatena.ne.jp/hoso-kawa/searchdiary?word=*[JavaScript]
