http://oshiete1.goo.ne.jp/kotaeru.php3?q=115527
で、「enterでsubmitされない方法」が記載されているのですが、
input type="image"の時、うまく反映されません。
formタグには以下のように、
<form name="form1" method="post" action="" onSubmit="return false">
送信ボタンは以下のように設定しています。
<input type="image" src="***.gif" onClick="submit();">
ちなみにinput typeを"button""submit"にすると反映してくれますが
"image"ではうまくいきません。
ご回答よろしくお願いします。
No.3ベストアンサー
- 回答日時:
こんにちはcmoneyさん、xruzです。
回避の回避です
<Html>
<Head>
<Title>noEnter</Title>
</Head>
<Script Language="JavaScript">
<!--
var noEnter=false;
function on13() {noEnter=true;}
function off13() {noEnter=false;}
function keyCheck() {if(event.keyCode==13&&noEnter) return false;}
document.onkeydown=keyCheck;
//-->
</Script>
<Body>
<form method="GET" name="f">
<input type="image" name="i" src="a.gif" onfocus="on13()" onblur="off13()">
<textarea name="ta" cols="20" rows="3"></textarea>
</form>
</Body>
</Html>
がんばってくださいね(~:~i
No.4
- 回答日時:
下の No2 の書き込みは間違えてました。
ごめんなさい。
Enterキーで submit されないようにする方法として
<input type=submit>
というのを書かない方法もあるよ。
あんまり自身がないけど
<input type="image" src="***.gif" onClick="submit();">
の
onClick="submit();"
は書式的に無効だと思いました。
No.2
- 回答日時:
テキストエリアにフォーカスがある時にEnterで
送信するなら、JavaScript で
<textarea onClick=フォーム.submit()>
とする方法もあるよ。
No.1
- 回答日時:
こんにちはcmoneyさん、xruzです。
一応これで回避できますが、textareaなどで改行もできなくなります。
<Html>
<Head>
<Title>noEnter</Title>
</Head>
<Script Language="JavaScript">
<!--
function keyCheck() {if(event.keyCode==13) return false;}
document.onkeydown=keyCheck;
//-->
</Script>
<Body>
<form method="GET" name="f">
<input type="image" name="i" src="a.gif">
</form>
</Body>
</Html>
がんばってくださいね(~:~i
この回答への補足
xruzさん、ご回答ありがとうございます。
早速対応してうまく動きました。
ただ、1箇所だけテキストエリアがあってやはり改行したいのですが…。
現在テキストボックスが2箇所、テキストエリアが1箇所あり、
テキストボックスでenterを押してもsubmitされず、
テキストエリアでenterを押すと改行されるような方法が
ありましたら教えください。
よろしくおねがいします。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
XMLHttpRequestを利用してPHPへ...
-
FormのonsubmitでJavaスクリプ...
-
フォームの指定
-
どうしてもうまく動作しません!!
-
ページを再読み込み後、再読み...
-
return trueとreturn falseの用...
-
特定<table>内の<td>の色を変える
-
value内に変数を入れたい
-
確認ダイアログの出し方(JavaS...
-
至急!GetElementById でtdの...
-
HTML中のTABLEのデータを抽出す...
-
ひ孫に当たるiframe から親ウイ...
-
innerHTML内では改行は禁止?
-
プルダウンで選択すると、DBの...
-
slickのレスポンシブ > center...
-
onchangeイベントを強制的に発...
-
全てのselect要素をデフォルト...
-
onClick="this.form.submit
-
フォームの値が0だったら空白...
-
JavaScriptde途中で、「exit」...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ウィンドウへのsubmitの挙動...
-
submitした値を返したい
-
javascriptでASPにデータを渡す
-
iframe内のformをサブミットす...
-
FormのonsubmitでJavaスクリプ...
-
focus()が上手くいかない
-
1つのform内に2つのsubmitボタ...
-
リンク先アドレスの一部にテキ...
-
1つのページにformを2つ設置。2...
-
POST時に要素を削除してからPOST
-
ファイル選択と同時にアップロ...
-
指定したタグを書き換えるには?
-
タブキーでなくエンターキーで...
-
ページを再読み込み後、再読み...
-
添付ファイルの未選択チェック方法
-
1つのformで複数のactionをボタ...
-
chromeでフォームの値が取得で...
-
Chromeの document.getElementB...
-
Firefox:JavaScriptのsubmit
-
C# 配列などの受け渡し
おすすめ情報