JavaScript++かも日記

【Ajax】FormでAjax送信する時のEnter送信

【Ajax 】 ブックマーク-- Hatena  / Livedoor

FormでAjax送信する時のEnter送信　Tips

Formに書いた内容をAjax送信する時には、「Enterキー」で自動送信されてしまうのを避ける必要があります。

Ajaxでの送信は、submitボタンを使わずに、onclickやonkeyupなどへXMLHttpRequestのopen()やsend()を仕込んで、送信するわけですが、「Enterキー」を押してしまうと、ブラウザが気を利かせて、submitボタンを押されたのと同じ動作をしてしまうからです。

でも、当然、Ajaxでは、普通は、action属性は設定されていませんので、何もしてくれません。IEですと、Ajax送信はされずに、リロードされてしまいます。

てなわけで、たとえば、<form>タグを省略したり、onsubmit="return false"を書いたりするわけです。

ちなみに、this.form.elementName.valueなどと書いていた場合には、<form>タグを省略するとアクセスできなくなります。this.valueとか、document.elementName.valueとかを試してみましょう。

---

asdf ( 2007年04月04日 23:48 )




あああ ( 2007年11月29日 15:09 )

ああああ

4 ( 2007年11月30日 10:04 )

4
4

ふぇふぇ ( 2008年01月02日 03:19 )

ふぇふぇ

tset ( 2008年01月08日 12:13 )

tset

てｓｔ ( 2008年02月07日 23:53 )

てｓｔ

( 2008年05月27日 01:32 )

cc

( 2008年06月17日 16:38 )

a

edf ( 2008年06月22日 14:48 )

sd

ああ ( 2008年08月21日 17:00 )

あああ

( 2008年10月13日 18:20 )

:;

test ( 2008年11月11日 19:02 )

test

ｒｒ ( 2009年02月26日 14:47 )

ｒｒ

( 2009年03月22日 02:04 )




ｔｔ ( 2009年03月24日 14:22 )

ｒｒ

( 2009年03月26日 15:37 )

あさあああｄ

aa ( 2009年03月27日 18:48 )

aa

ppp ( 2009年04月20日 12:58 )

pppp

e ( 2009年05月08日 01:19 )

e

A ( 2009年05月20日 00:57 )

D

aaa ( 2009年05月28日 09:23 )

aaa


そそそ ( 2009年06月01日 08:05 )

空母そそそ

( 2009年06月04日 13:03 )




( 2009年06月06日 16:32 )

test

aaa ( 2009年06月17日 15:50 )

ccc

kawade ( 2010年02月10日 13:52 )

どれどれ

ああ ( 2010年06月24日 17:02 )

あああ

( 2010年07月16日 16:16 )

ｓｄｆ

---

【コメント】(←clickで入力欄open)