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で質問しましょう!
似たような質問が見つかりました
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- PHP PHP MySQLに画像を直接保存 2 2022/06/05 11:50
- PHP imageフォルダに、画像をリサイズして保存する時のファイル名を変更したい 1 2023/05/30 11:39
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フォームが空欄の時にフォーム...
-
focus()が上手くいかない
-
submitした値を返したい
-
別ウィンドウへのsubmitの挙動...
-
Javascriptに条件分布ついて(再)
-
javascriptでASPにデータを渡す
-
submit後のフォームデータの書...
-
tableの任意行にfocusをあてる
-
onclickで2個指定するには?
-
配列のチェックボックスをjavas...
-
ダミーフォームの内容を送信用...
-
条件により、リンク先に画面遷...
-
大量のselect要素のvalueを短い...
-
onchangeイベントを強制的に発...
-
value内に変数を入れたい
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
formを書き換えて送信する方法
-
HTML中のTABLEのデータを抽出す...
-
2段階プルダウンで1段階目の選...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
FormのonsubmitでJavaスクリプ...
-
submitした値を返したい
-
javascriptでASPにデータを渡す
-
1つのform内に2つのsubmitボタ...
-
別ウィンドウへのsubmitの挙動...
-
複数のフォームを一括で自動送...
-
POST時に要素を削除してからPOST
-
iframe内のformをサブミットす...
-
focus()が上手くいかない
-
1つのページにformを2つ設置。2...
-
添付ファイルの未選択チェック方法
-
Chromeの document.getElementB...
-
1つのformで複数のactionをボタ...
-
C# 配列などの受け渡し
-
ENTERキーを無効にしたいのです...
-
フォームが空欄の時にフォーム...
-
別窓ウィンドウから親ウィンド...
-
submitボタン押下後、disabled...
-
Javascript IEで「識別子があり...
-
迅速なご回答ありがとうござい...
おすすめ情報