のヮの うんこ♥ RSSフィード

2005-08-05(金)

onsubmit で submit ボタンを disable にしてユーザビリティを悪くするのはやめてください 14:08

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