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

このQ&Aに関連する最新のQ&A

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に関連する人気のQ&A

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

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QINPUT TYPE=""submit"" の disabled をJavascriptで操作したい

ご教授、お願いします。

<!--
function Kyoka(){
if(document.form02.ch_on.checked)
{
alert ("");
document.form02.ilai2.disabled = false;
}
else
{
document.form02.ilai2.disabled = true
}
{
// -->

とスクリプトを記述し

<TD><INPUT TYPE="checkbox" NAME="ch_on" VALUE="" onclick="Kyoka()"></TD>"

<TD><FONT COLOR=green><INPUT TYPE="submit" name="irai2" VALUE="依頼" onClick="javascript:location.reload()"></TD>"

と、body内に記述しています。
このとき、チェックボックスにチェックを入れると、アラートは表示されますが、その後でエラー(IEの右下のバーに「!」が表示)になります。

数時間悩みましたが、わかりません。
どなたかご教授頂けませんでしょうか?
よろしくお願いします。
また、submitボタンのon/offをjavascriptを使わずに行う方法が、あるのでしょうか? もしあれば教えて頂ければ、幸いです。

ご教授、お願いします。

<!--
function Kyoka(){
if(document.form02.ch_on.checked)
{
alert ("");
document.form02.ilai2.disabled = false;
}
else
{
document.form02.ilai2.disabled = true
}
{
// -->

とスクリプトを記述し

<TD><INPUT TYPE="checkbox" NAME="ch_on" VALUE="" onclick="Kyoka()"></TD>"

<TD><FONT COLOR=green><INPUT TYPE="submit" name="irai2" VALUE="依頼" onClick="javascri...続きを読む

Aベストアンサー

とりあえず、タイプミスが多すぎです。
ホントにこのソースでやってるなら、
function内の「ilai2」とhtml内の「irai2」が
違うためのエラーだと思いますけど・・・
その他イラナイコーテンションや、functionの
止めが「{」になってたり、formやtableの宣言が
省略されてたりでとても他人に見せるソースとは・・・

QonClickがinput type="image"だとできない!

以前、↓の質問をさせていただき解決したのですが、
input type="image" にしたいのですが、
ただ変更するだけでは、できません。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=2068911

どのように変更したらいいでしょうか?
教えてください!

現在下記の方法でやっています。
<style type="text/css">
.white{
background-Color:white;
color:black;
}
.gray{
background-Color:gray;
color:yellow;
}
.blue{
background-Color:blue;
color:red;
}
</style>
<body>
<form>
全体:
<input type="button" value="White" onClick="document.body.className='white'">
<input type="button" value="Gray" onClick="document.body.className='gray'">
<input type="button" value="Blue" onClick="document.body.className='blue'"><br>
テーブル1:
<input type="button" value="White" onClick="document.getElementById('t1').className='white'">
<input type="button" value="Gray" onClick="document.getElementById('t1').className='gray'">
<input type="button" value="Blue" onClick="document.getElementById('t1').className='blue'"><br>
テーブル2:
<input type="button" value="White" onClick="document.getElementById('t2').className='white'">
<input type="button" value="Gray" onClick="document.getElementById('t2').className='gray'">
<input type="button" value="Blue" onClick="document.getElementById('t2').className='blue'"><br>
</form>

<table width=100% id="t1">
<tr><td>test</td></tr>
</table>
<table width=100% id="t2">
<tr><td>test</td></tr>
</table>
</body>

以前、↓の質問をさせていただき解決したのですが、
input type="image" にしたいのですが、
ただ変更するだけでは、できません。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=2068911

どのように変更したらいいでしょうか?
教えてください!

現在下記の方法でやっています。
<style type="text/css">
.white{
background-Color:white;
color:black;
}
.gray{
background-Color:gray;
color:yellow;
}
.blue{
background-Color:blue;
color:red;
}
</style>
<body>
<form>
全体:
<inp...続きを読む

Aベストアンサー

type=imageを諦めたのは賢明かもしれません。

>指マークにするのって、
><a>タグで囲うしかないでしょうか?

とりあえずアンカーをつかうならこんな感じで
borderを消してやるといいでしょう。
<a href="#" onClick="document.body.className='white';"><img border=0 src="1.jpg"></a>

ブラウザによって仕様がことなりますが、
強制的にカーソルを書き換えることもできます。
<img src="1.jpg" onClick="document.body.className='white';" style="cursor:hand;">

IEでは有効ですが、FFとかではダメみたいですね

Q

<input type="hidden" name = "hoge">があったとします。
これを、javascriptを使用し nameで検索します。
”hoge”を検索後、その”hoge”という名前を変更する方法を探しています。 

<input type="hidden" name = "hoge">
       ↓↓↓↓↓
<input type="hidden" name = "fuga"> 

リフレッシュ無しで、上記のようにnameを変える方法が知りたいです。

ご存知の方おりましたら、お手数ですが教えていただけませんでしょうか。
宜しくお願いいたします。

Aベストアンサー

タグが特定出来れば、setAttribute等で属性値を変更出来ます。
setAttribute("name","fuga")

Qで、Q1に後で値を設定して表示するには

お世話になります。
<input type="text" name="Q1">で、Q1に後で値を設定して表示するにはどうしたら良いものでしょうか。
name="Q1"
と、しているので、
onMousedown="function()"
で、nameでしてしたエリアに値を書き込めば、できると思うのですが、
このfunction()をどのように書いたらよいものか、いろいろ調べてもわかりません。
何とかご教示願えないでしょうか。
よろしくお願いします。

Aベストアンサー

javascriptを利用することで出来ます。
こんな感じで動くでしょう。
ちなみにテキストボックスなどをjavascriptで操作する場合は
idをつけておくと便利です。

これ以上をやりたいというのであれば
参考URLなど見て勉強してみてください
<html>
<head>

</head>
<body>

<input type="text" id="Q1" name="Q1" onmousedown="hoge()">
</body>
<script type='text/javascript'>
function hoge()
{
Q1.value = ""; //""のなかに設定する値
}
</script>

参考URL:http://www.parkcity.ne.jp/~chaichan/src/javasc21.htm


人気Q&Aランキング

おすすめ情報