Nacky - Snowland.net

Nacky(Issei Ishii)がDJ/Composerのようなふりして書き散らすblogサイト

Info

Nacky - Snowland.net - blogを移転しました

2010-09-16

jQueryでEnterキーでのSubmitを防止する

JavaScriptでEnterキーSubmit防止ってネタは死ぬほど見るけど,とりあえずjQueryを使用してhtmlソースにあまり手を入れないような感じに.

$('input[type!="submit"][type!="button"]').keypress(function(e){
  if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
    return false;
  }else{
    return true;
  }
});

・submitやbuttonは生かしてあるので,キーボード操作時もTABキーなりでsubmitボタンの上に移動してからspaceやEnterでsubmitできる

あとは

二重submit防止のjavascriptをjQueryで。

を組み合わせたり

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

submitのnameを見て処理が変わるform対策にこちらを組み合わせたり

で,htmlソースにあんまり触れないで済みました.

posted at 07:00:44 on 2010-09-16 by nacky - Category: Com/Tech ( JavaScript )

ソニーストア

TrackBack

このエントリにトラックバックはありません
トラックバックURL

Comments

No comments yet