忍者ブログ
にわか情報系ががんばります.備忘録,あるいは同じ躓きつまづきをした人のために

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

フォームに複数のボタンがあるときの対処:jQuery

一つのフォーム内に複数のsubmitボタンがあり,入力ボックスでリターンキーを押した際に,動作してほしくないボタンが動作しちゃう.

このボタン類は input type="image" で作られてて,さらに,位置を動かすのも超面倒.

で,リターンキーで反応するのは送信ボタンのみ.その他のボタンはリターンキーでは反応するな.という要件.


$('[type="text"]').on('keydown',function(event) {
if ( event.which == 13 ) {
$('[name="next"]').trigger('click');
return false;
}
});



まずは入力ボックス内でのキーダウンを捕捉し,リターンキーの場合は送信ボタンの要素のクリックを発火する.

とりあえずこれで要件は満たせる...かな
PR