フォームでEnterを押してもsubmitさせない
- 現在製作中のサイトで、ajaxで処理を行うため、フォームでEnterキーを押しても通常のsubmitをさせずに、別途処理を関数で呼び出すようにしています。
- ほとんどのブラウザでは思い通りに動作していますが、IE８では同じページに別のフォームがある場合、Enterでsubmitされてしまいます。
- 解決策がわからない状況です。どなたかご教授いただけないでしょうか。
- ベストアンサー
フォームでEnterを押してもsubmitさせない
現在製作中のサイトで、ajaxで処理を行うため、フォームでEnterキーを押しても通常のsubmitをさせずに、別途処理を関数で呼び出すようにしています（下記参照）。 チェックしたほとんどのブラウザでは思い通りの動作なのですが、IE８（他のIEは未テスト）で、同じページに別のフォーム（こちらのフォームはEnterでsubmitさせています）があるページのみ、submitされてしまいます。（ajax_submit()も実行されます） 小さな可能性でもかまいません。お心当たりがございましたらお助けください。 ▼HTML <form method="get" action=""> <input id="s" type="text" value="" onKeyPress="return submitStop(event);" /> <p id="search_sbm" onclick="ajax_submit();">検索</p> </form> ▼JavaScript function submitStop(e){ if (!e) var e = window.event; if(e.keyCode == 13) { ajax_submit(); return false; } }
- sr-ki
- お礼率68% (43/63)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
function submitStop(e){ if(e.keyCode==13){ ajax_submit(); if(e.preventDefault) e.preventDefault(); else e.returnValue = false; } }
関連するQ&A
- ENTERキー押下でフォームを送信したいのに・・・
PHPとHTMLでフォームをいくつか作り、画像タイプの送信ボタンを押下すると送信されるようにしています。ところが、IEの場合、ENTERキー押下で送信できる（下記のPHPの制御文がtrueになる）ものと、できないものがあります。ボタンをクリックすればいずれも送信できます。また、FirefoxではどのケースでもEnterキー押下で送信できます。送信ボタンはどのフォームでもひとつです。 何がどういう場合に、IEでEnterで送信できないのでしょうか？ ○HTML側 <form...> ... <input type="image" name="submit" ...> </form> ○PHP側 if(isset($_POST['submit_x']) { ... }
- 締切済み
- PHP
- IEでのフォームメールで、ENTERキーでのsubmitを動かさないようにしたいのですが。。
IEでフォームメールを使用したときにENTERキーを押下するとsubmitが動いてしまうのですが、その動きを止める為に １．送信ボタンは <input type="button" name="submit" value=" 送信する " onClick="subm()"> で関数subm()で function subm() { document.form1.submit(); } という動きと ２．送信ボタンに<input type="button" name="submit" value=" 送信する " onClick="javascript:document.form1.submit()"> という動きの２つを試してみたのですが、どちらもエラーになってしまいました。 原因がわからないので調べているところですが、もしどなたか他の方法をご存知でしたら、教えていただけませんでしょうか？
- ベストアンサー
- JavaScript
- enterキーでのtab移動
質問させて頂きます。 下記の様にenterキーを押してtab移動しようと考えています。 <form name="form"> <input type="text" id="id1" onkeypress="if(code == 13)document.form.item('id2').focus();"> <input type="text" id="id2" onkeypress="if(code == 13)document.form.item('id3').focus();"> <input type="button" id="id3" value="ボタン"> </form> ここで、textフォームからボタンへ移動する場合、自動的にボタンが押されてしまいます。 （エンターキーでの移動のため） ボタンが押されないような方法はあるでしょうか。アドバイスお願い致します。
- ベストアンサー
- JavaScript
- エンターでsubmitさせたい
テキストボックスが複数あるようなフォームを作っているのですが、 submitボタンを表示させず、エンターのみで動作するものを作りたいと思っています。 stype="display:none;"で表示を消すことができたのですが、 エンターを押しても動作しません。 ご存知の方教えて頂けると大変助かります。 <form method="post"> <input type="text" size="10" name="obj1"> <input type="text" size="10" name="obj2"> </form> <? print $_POST['obj1']."<br>"; print $_POST['obj2']."<br>"; ?>
- ベストアンサー
- PHP
- 一部Enter無効化の方法を教えてください！
PHPで作成している画面について、テキストコントロールにフォーカスがある場合に、 Enterキーを押下することで、submitが行われることを無効化させたいと思っています。 <SCRIPT LANGUAGE=javascript> <!-- document.onkeypress = enter; function enter(){ if( window.event.keyCode == 13 ){ return false; } } //--> </SCRIPT> のようなJavaScriptを記述すれば完全にEnterキーを無効にできるようですが、 この状態だと、submitにフォーカスがある状態でEnterキーを押下してもsubmitが実行されません。 この状態を解決する方法をご存知の方、アドバイスをお願いします！！ ちなみにブラウザは最低でも、IE6,7とFireFoxには対応したいと思っています。 当方、HTML,PHP,JavaScriptは素人同然ですので、明確な内容で教えて頂けると助かります。 宜しくお願いします！！
- ベストアンサー
- JavaScript
- submit関数の使い方
javascript部分 function sendform(formname){ document.formname.submit(); } html部分 <form action="test.html" method="post" name="form1"> <input type="text" name="textvalue" value="1"> </form> <a href="javascript:void(0)" onclick="sendform('form1'); return false;">click1</a> <form action="test.html" method="post" name="form2"> <input type="text" name="textvalue" value="2"> </form> <a href="javascript:void(0)" onclick="sendform('form2'); return false;">click2</a> 今は、上記のように書いています。引数でフォーム名を渡し、その値によって送信フォームを変えたいのですがうまくいきません。if文を使って if(formmei=="form1"){ document.form1.submit(); }else if(formmei=="form1"){ document.form2.submit(); } という方法も考えたのですが、フォーム名だけ変えることができないかと考えています。 よろしくお願いします。
- ベストアンサー
- JavaScript
- formのsubmitイベントの発生についての質問です。
formのsubmitイベントの発生についての質問です。 あるところで、「form.submit() は submit イベントを発火しない」 とあったので、 ↓のscriptで、formのsubmitイベントを調べていました。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>SessionTestNext</title> <style type="text/css"></style> <script type="text/javascript"> function send1(elm){ elm.form.submit(); } function send2(){ document.getElementById("form1").submit(); } if('undefined' !== typeof document.addEventListener){ document.addEventListener('submit', function(event){ var target = event.target; alert(target.id); }, false); } else if ('undefined' !== typeof document.attachEvent){ document.attachEvent('onSubmit', function(event){ var target = event.srcElement; alert(target.id); }); } </script> </head> <body> <p>SessionTestNext 1 </p> <form id="form1" action="/php/session2.php" method="post" onsubmit="alert('Submited!');return false;"> <input type="text" name="parm2" value="fugafuga"> <input type="submit" value="サブミット"> <button onclick="send1(this)">Javascriptサブミット(1)</button> </form> <button onclick="send2()">Javascriptサブミット(2)</button> </body> </html> だのに、 send1()を実行した時は、イベントが検知され'Submited!'がアラートします。 ただし、onsubmitのハンドラーでfalseを返してるので、サブミットしません。 send2()を実行した時は確かに、submitイベントは発生せず、'Submited!'の アラート無しで、実際サブミットされます。 documentにaddEventListenerで追加したハンドラーの方でも、send1()の 時だけ検知され'form1'がアラートします。 send1()で検知されるのは何故でしょう？ また、IEでも同様の動作なんですが、何故か document.attachEvent('onsubmit', の方が、まったく動きません。（タイポかも）
- ベストアンサー
- JavaScript
- フォームの値をjavascriptでsubmitする時に
<form name="myForm" action="" id="myID" onsubmit="return false;"> <input type="hidden" name="v1" value="" /> </form> というようなフォームがあり、 <script language="javascript"> function submitTest(v) { document.myForm.v1.value = v; document.myForm.submit(); } </script> のような形でsubmitする際に、<form>の属性で指定したid="myID"って javascript関数内でどのようにすれば渡せるのでしょうか?? 何か質問がおかしかったらご指摘願います。
- ベストアンサー
- JavaScript
- formでENTERとSUBMITボタンを押した場合のパラメータの分け方
formでenterキーを押して内容を送信した場合とSUBMITボタンを押して内容を送信した場合でパラメータによって場合わけしたいのですがどのようにすればよいでしょうか？ SUBMITボタンをクリックした場合は以下のように記述をすればbを使うことができるのですが <input id="a" type="submit" name="b" value="ボタン" /> ENTER用のパラメータをつけるやり方がわかりません。 回答よろしくお願いいたします。
- ベストアンサー
- JavaScript
- javascript内からのsubmit
PHP初心者です。 javascript内でsubmitを行い、値をPHP内で受け取る想定ですが、うまく作動しません。 具体的には下記のソースで、// Aの処理に入ってきて欲しいのですが、//B に入ってきます。 初歩的なことのなのかもしれませんが、どこが間違っているのか分からずはまっています。 ご教授ください。 ソースは以下です。 ■JavaScriptとForm(admLogin.html) <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script> <script type="text/javascript"> function fncLogin(){ $("#frmAdmLogin").submit(); } </script> <body> <form id="frmAdmLogin" action="admLogin.php" method="post"> <input type="text" id="txtAdmId" /> <input type="text" id="txtAdmPass" /> <input type="button" name="btnLogin" value="ログイン" onclick="fncLogin()"/> </form> </body> ■PHP（admLogin.php) <?php if(isset($_POST['btnLogin'])) { // A }else{ // B } ?> ログインボタン押下 ↓ fncLogin内からフォームをsubmit ↓ // A の処理に入ってくる想定なのですが、//B の処理が実行される。 ちなみに、ボタンのinput typeをsubmitにすれば//A の処理に入ってくるのですが、 javascript内からsubmitしたいため、困っています。 どこを間違えているのでしょうか。。
- 締切済み
- PHP
お礼
早速のご回答ありがとうございます。 おかげさまでうまくいきました！ ありがとうございました。