プロが教える店舗&オフィスのセキュリティ対策術

function df(){
var sty=0;
if(document.ad.ad1.value==""){
sty=1;
}
if(sty){
alert("記入漏れ");
return false;
}
else{
return true;
}
}

function df1(){
alert("試験");
}




-->
</script>



</head>
<body>
<form action="#" method="POST" name="ad" onSubmit="df1();return df();">
<p>試験<input type="text" size="20" name="ad1"></p>
<p>試験<input type="text" size="20" name="ad2"></p>

<p><input type="image" src="rtp/migi.jpg" onClick="this.form.submit()"></p>
</form>

</body>

色々本日試したのですが
<button>で画像をかこめばreturnができるんですが
imageを使うと流れてしまいます。
原理が解らず納得できません。何故でしょうか?

A 回答 (2件)

><input type="image" src="rtp/migi.jpg" onClick="this.form.submit()">



こいつのonclickがいらないだけでは?

<input type="image" src="rtp/migi.jpg">

この回答への補足

やってはみますが、サブミットにならないんではないでしょうか?
それとform全体をthisで捕まえているという事は・・・と考えてしまいます。
すいません。素人なんで。

補足日時:2014/10/29 16:43
    • good
    • 0

>サブミットにならないんではないでしょうか?



inputのtype="image"はサブミットをかねてます

どうしてもonclickで処理するなら

onclick="df1();if(df()) this.form.submit();"

のようにdf()の戻り値がtrueのときだけsubmitするようにしてください
    • good
    • 0

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