Ajaxで今よみがえる(^^;;-->[クロスブラウザ技術 ]DHTMLサンプル集
古籏一浩さんとのはじめての共著 発売中-->『Ajax実践テクニック』 古籏一浩/高橋 登史朗 (著)秀和システム
配本予約開始-->『入門Ajax 増補改訂版 』 高橋 登史朗 (著)ソフトバンククリエイティブ ; ISBN: 4797336242
-- リスト --
【カテゴリー】 ActionScript ( 6 ) AIR ( 2 ) AjaSQL ( 10 ) Ajax ( 580 ) Arax ( 1 ) canvas ( 10 ) CSS ( 11 ) 脳 ( 5 ) DLNA ( 1 ) Dojo ( 19 ) DOM ( 46 ) ES4 ( 4 ) Ext JS ( 2 ) 反重力物質 ( 1 ) ffAdd-on ( 1 ) Flash ( 46 ) Flash Remoting ( 11 ) FTP ( 2 ) GAF ( 9 ) Google Maps ( 120 ) GPS ( 43 ) HTTPヘッダサンプル ( 10 ) Internet ( 1 ) iPhone ( 39 ) IPv6 ( 1 ) 漫画 ( 1 ) Java ( 45 ) JavaScript ( 279 ) jKamo ( 8 ) jQchart ( 3 ) jQuery ( 125 ) jquery-ref ( 1 ) jsGadget ( 19 ) jslb_ ( 3 ) jslb_ajax ( 9 ) JSON ( 47 ) JSR223 ( 7 ) kjscmd ( 1 ) KNOPPIX ( 1 ) Linux ( 17 ) Mac ( 8 ) Memo ( 3 ) Microformats ( 2 ) Mini AJAX ( 2 ) MochiKit ( 2 ) mootools ( 4 ) Movable Type ( 57 ) MySQL ( 10 ) NewGameWeb ( 2 ) Nucleus ( 8 ) OpenAJAX ( 3 ) OpenDocument ( 1 ) OS ( 7 ) P2P ( 2 ) Perl ( 7 ) PHP ( 37 ) PostGIS ( 1 ) PostgreSQL ( 4 ) prototype.js ( 24 ) ROBOT ( 1 ) RSSリーダー ( 14 ) Ruby on Rails ( 7 ) Spry ( 6 ) SQLite ( 16 ) SQLiteWorker ( 2 ) ssh ( 1 ) SSI ( 2 ) SVG ( 16 ) TRON ( 1 ) Ubiquity ( 4 ) Video ( 1 ) VML ( 1 ) Web Slice ( 1 ) Webサービス ( 102 ) widget ( 6 ) Wii ( 1 ) Wiki ( 1 ) Win ( 6 ) WSH ( 1 ) X01HT ( 30 ) XML ( 30 ) XOOPS ( 1 ) XQuery ( 2 ) XUL ( 4 ) Yahoo! UI ( 68 ) 日付入力用カレンダー ( 1 ) 『Ajax実践テクニック』 ( 1 ) 『入門 Ajax』 ( 42 ) ＷｉｎTips ( 2 ) こりゃすごい ( 4 ) チューニング ( 22 ) ダイナミックロード関数 ( 7 ) リファレンス ( 18 ) ライブラリ ( 124 ) レーダー雨量表示 ( 1 ) ハード ( 26 ) ペンギン ( 2 ) ブラウザ ( 85 ) ブログでBBS ( 1 ) アクセスグラフ ( 3 ) イベント ( 2 ) カレンダーによる日付入力スクリプト ( 4 ) クロスブラウザ ( 11 ) クロスブラウザ関数 ( 7 ) スマートフォン ( 8 ) セキュリティ ( 123 ) ソフトイーサ ( 1 ) マッシュアップ ( 23 ) 暗号 ( 4 ) 映画 ( 47 ) 河川の水位グラフ ( 3 ) 回線 ( 2 ) 開発ツール ( 28 ) 牛久大仏 ( 13 ) 携帯 ( 143 ) 言語 ( 19 ) 故障 ( 5 ) 洪水警報システム ( 2 ) 今日のひと言 ( 7 ) 仕様 ( 69 ) 雑談 ( 260 ) 実装 ( 1 ) 書籍 ( 17 ) 親子ウインドウ有無の確認関数 ( 3 ) 新海誠 ( 3 )
【info】有料サポート(ベータ)限定　承り中 多忙につき、一時、新規受付停止 閉店中 /【JSサポート(仮称)】　

【info】いつもいろいろなテストなどをページ内のあちこちでやっているので、重かったり、壊れていたりするf^^;ことも多いです。実験用ですので、カオス(混沌)をあえて意図したりもしますので、標準やValidとは無縁だったりしますが、何卒、ご了承ください ( _ _ b

2005年08月05日

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

【Ajax 】 ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed


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

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