memo.xight.org

Home > Changelogメモ > 2006-01 > 2006-01-10 > onsubmit で submit ボタンを disable にしてユーザビリティを良くする

2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12
2002 : 01 02 03 04 05 06 07 08 09 10 11 12

2006-01-10

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>

ボタンのvalueが渡らなくなる罠がある．
そのような作り方はしていないので，とりあえず保留．

- Reference
naoyaのはてなダイアリー - onsubmit で submit ボタンを disable にしてユーザビリティを良くする
http://d.hatena.ne.jp/naoya/20050803/1123053496
naoyaのはてなダイアリー - submit ボタン disable 技の罠
http://d.hatena.ne.jp/naoya/20050804/1123152230