あなたの習慣について教えてください!!

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"ではうまくいきません。
ご回答よろしくお願いします。

A 回答 (4件)

こんにちは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
    • good
    • 0

下の No2 の書き込みは間違えてました。


ごめんなさい。

Enterキーで submit されないようにする方法として
<input type=submit>
というのを書かない方法もあるよ。

あんまり自身がないけど
<input type="image" src="***.gif" onClick="submit();">

onClick="submit();"
は書式的に無効だと思いました。
    • good
    • 0

テキストエリアにフォーカスがある時にEnterで


送信するなら、JavaScript で
<textarea onClick=フォーム.submit()>
とする方法もあるよ。
    • good
    • 0

こんにちは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を押すと改行されるような方法が
ありましたら教えください。
よろしくおねがいします。。

補足日時:2002/01/11 13:28
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


おすすめ情報