submitボタンの二度押し対策

「onsubmit で submit ボタンを disable にしてユーザビリティを良くする」から。最初タイトルだけ見たときなんだこれと思ったけど。

function disableSubmit(form) {
  var elements = form.elements;
  for (var i = 0; i < elements.length; i++) {
    if (elements[i].type == 'submit') {
      elements[i].disabled = true;
    }
  }
}

という関数を用意しておいて、

<form method="get" onsubmit="disableSubmit(this)">
  <input type="text" name="q">
  <input type="submit" value="search">
</form>

と、onsubmit に指定すれば ok。

確かにスマート。