[B! enter] hashimoyaのブックマーク

戻るボタンの実装方法について

■ 戻るボタンの実装方法についてはてながグリーン電力化とか良くわからない事を始めたので、試しにTシャツの注文ボタンを押したのですが、この時フォーム内の「戻る」ボタンについて気が付いた事があったので、その事について。フォームには一つ前の画面に戻るための「戻る」ボタンと、次の画面へ進むための「次へ」とか「送信」とかいうボタンが置いてある事が多いと思うのですけど、デザイン上とか何とかとにかく、「戻る」が左にあって「次へ」が右にある場合って HTML の記述ってどうすれば良いか悩みませんか？「次へ」は当然 submit ボタンなんですけど、「戻る」も submit ボタンにしてしまうと、入力フィールド上でエンターキーを押した場合に「戻る｣ボタンを押した事になってしまう。*1なんとなく「エンター＝進む」みたいな印象があるので、エンターキーで戻ってしまうってのはどうしても変だと感じるので嫌

hashimoya 2009/01/27

enter（return）キーでsubmit問題。戻るについて。

リンク

formタグで、エンターキーを押したときに送信しないようにする

kazinaが作ってるWebサービスやソフトについての情報、プログラミングのメモなどをたまに。あとはAGAT18Kなどカメラやシルバーアクセ作りについて、映画についてなどなど駄文です。 formタグ内の、特にテキストフィールド（type="text"）などでエンターキーを押すと、送信ボタンをクリックしたのと同じ動作になってしまいます。そのまま送信すればいい場合は便利ですが、input type="submit"ではなく、buttonタグとJavaScriptを組み合わせて事前チェックなどを行っていた場合は送信されては困る場合があります。マチウケメール便もボタンをクリックした時はAjax処理がメインで送信はほとんど使っていません。基本的には、formタグ内にsubmitが無ければエンターキーを押しても送信はされません。submitというのは<input type="submit">、ある

hashimoya 2009/01/26

enter（return）キーでsubmit問題。対策いろいろ。submitボタン隠したり。

form
enter

リンク

Enterキーを打ってもsubmit（送信）しないようにするには | Netsphere Laboratories

2004.11.06新規作成。 HTMLフォームで、submit（送信）ボタンを押さずにデータが送信されてしまうことがある。用途によってはその方が使いやすいこともあるが、編集中に意図せず送信されてしまうこともあるので、この動作を抑止したい。どうするか。 submitボタンまず、submitボタンがあるかどうか。submitボタンがあるとき、input[type="text"]で生成されるテキストコントロール内でEnterキーを打つと、フォームデータが送信される。例えば、次のようなフォームの場合。テキストコントロールが一つでも二つ以上でも同じであり、IE / Mozillaとも同じように振る舞う。 <form action="test"> <input type="text" name="a"> <input type="text" name="b"> <input type="subm

hashimoya 2009/01/26

enter（return）キーでsubmit問題。対策、submitボタン書き換えとか。

form
enter

リンク

エンターキーの押下でフォームの送信を行わないようにする : blog.nomadscafe.jp

エンターキーの押下でフォームの送信を行わないようにするエンターキーの押下でフォームの送信を行わないようにするJavaScript。オライリーの「JavaScript & DHTML クックブック」に載ってたりするわけだが、 function BlockEnter(evt){ evt = (evt) ? evt : event; var charCode=(evt.charCode) ? evt.charCode : ((evt.which) ? evt.which : evt.keyCode); if ( Number(charCode) == 13 || Number(charCode) == 3) { return false; } else { return true; } } こういうコードを書いて、 <input type="text" name="search" onkey

hashimoya 2009/01/26

enter（return）キーでsubmit問題。対策。Safariがバグる時がある。

form
enter

リンク

Enterキーでフォームが誤送信されるのを防ぐ方法 [ホームページ作成] All About

フォームの入力欄にカーソルが入っている状態(＝フォーカスがある状態)で[Enter]キーを押すと、フォームの内容が送信されることがあります。これは、[Enter]キーの押下が「フォームの送信ボタンを押す操作」と同じように扱われる場合があるためです。検索窓などのように1項目しか入力欄がない場合ならこの仕様は便利でしょう。しかし、入力欄が複数個あって、未入力項目が残っている状況で送信されてしまうと困ります。下記に、[Enter]キーだけで送信されてしまう入力フォームの例を2つご紹介いたします。 ■[Enter]キーの押下で、送信ボタンを押したことになる例：下記に掲載した3つのテキスト入力欄のうち、どれか1つをクリックして入力欄内にカーソルを入れた後、キーボードの[Enter]キーを押してみてください。少なくとも代表的なブラウザでは、下部に用意された「送信する！」ボタンをクリックしなくても

hashimoya 2009/01/26

enter（return）キーでsubmit問題。発生条件（例つき）と対策。

form
enter

リンク

Programming Magic is under construction

Thank you for being patient. We are doing some work on the site and will be back shortly.

hashimoya 2009/01/26

enter（return）キーでsubmit問題。発生条件と対策が書いてある。

form
enter

リンク

buttonタグの落とし穴 - 重箱のスミガキ

ウノウさんやPHPSPOT開発日誌さんでも紹介され、私も普段大いに活用させてもらっているbuttonタグだが、ものすごく今更ながらに、万能でもないことがわかった。何かというと、 enter（return）キーで、submitされてしまうこと。ちなみに、同form内にinput（textなど）タグを使用しているとき。これは別にbuttonタグだから、というわけでもない。 input のtype="submit"でも、同様の問題がある。が、いかんせん、inputタグの方は、いわば標準的なボタンのタグなので、JavaScriptなどを使い対応されている方も多い。また、enterキーがsubmit扱いになるのは、ブラウザどころかOSレベルでの仕様だったりもする。けど、たとえば、コミュニティサイト新規開発において、会員登録させたい場合、idやメールアドレスを入力させたいことも多いだろう。

hashimoya 2009/01/26

enter（return）キーでsubmit問題。buttonタグでアウト。

form
enter

リンク

はてなブックマーク

タグ

関連タグで絞り込む (2)

enterに関するhashimoyaのブックマーク (7)

お知らせ

今週のはてなブックマーク数ランキング（2024年9月第4週）

今週のはてなブックマーク数ランキング（2024年9月第3週）

今週のはてなブックマーク数ランキング（2024年9月第2週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス