button使用で送信確認後のsubmit

質問

JavaScript初心者です。

リターンを押したときsubmitされてしまうのを防ぐ為に、
送信ボタンをinput type="submit"から"button"に変更し、
confirmで送信の確認をしてOKだったときにsubmit・・・
というものを作りたいのですが、うまくいきません。

ネットで検索などするとform内にsubmitと名前がついたものがあるとうまく動かない
という例をみかけましたが、それには当てはまりません。

何か問題があるのでしょうか。
もしわかるかたがいましたら、教えていただけたら助かります。
どうぞよろしくお願い致します。
（ちなみにsmartyを使っています）

■送信確認の部分　
function formalert(){
　if(window.confirm(送信してもよろしいですか？)){
　　　document.getElementById('index').submit();
　　　return true;
　}else{
　　　window.alert('canceled');
　　　return false;
　}
}

■フォームタグ　
<form id="index" name="index" action="index.php?=thanks#page" method="POST">

■ボタン部分（ダミーのボタンを表示してあり必須項目を記入すると送信できるボタンを表示する。）
<input type="button" class="button wide green" id="btn_dammy" onclick="chkHissu(),nameerror(),mailerror();">
<input type="button" class="button wide green" id="btn01" style="display:none" name="btn01" value="{$btn01.1}" onclick="return formalert();">

■ノンジャバ用ボタン（関わりあるかもしれないので記載します。表示切替しています。）
<noscript>
<input type="submit" class="button wide green" id="btn01" name="btn01" value="{$btn01.1}" onclick="formalert()" >
</noscript>

回答No.3

yambejp · ベストアンサー

＞リターンを押したときsubmitされてしまうのを防ぐ為に、
＞送信ボタンをinput type="submit"から"button"に変更し、

エンターの回避するだけならこんな感じでどうでしょう？

<script>
try{
document.addEventListener ('keydown',function(e){keydown(e)},true);
}catch(e){
document.attachEvent('onkeydown',function(e){keydown(e)});
}
function keydown(e){
var t = (e.srcElement || e.target);
if(t.nodeName=="INPUT" && t.type=="text" && e.keyCode==13){
if(e.preventDefault)e.preventDefault();
else e.returnValue = false;
}
}

</script>
<form id="index" name="index" action="index.php?=thanks#page" method="POST">
<p>
<input type="text" name="a">
<input type="submit" value="x" class="button wide green" id="btn_dammy">
<input type="submit" value="y" class="button wide green" id="btn01">
</p>
</form>

やはりバリデートするならsubmit時に内容チェックするのが妥当かと

お礼

ありがとうございました！
実は、先ほど解決しまして、valueの中身が送られておらず、それによってモードを判定していたための不具合でした。

書いてくださったソースは後で、じっくり参考にさせていただきたいとおもいます！
（初心者ゆえにパッと見ただけではよくわからないので・・）どうもありがとうございました！

回答No.2

ONEONE

開発者ツールはお使いでしょうか。

firefoxやchrome(IEもありますが使いにくい)でF12キーを押すと開発者ツールウィンドウが表示されますので、そこからコンソールを表示するとjavascriptのエラーがある場合は表示されます。

お礼

はい、IEで使っております。

chromeのほうが使いやすいのですね。今度、試してみます。
どうもありがとうございました！

回答No.1

LancerVII

こんにちは。

ぱっと見ておかしいと思ったのは
if(window.confirm(送信してもよろしいですか？)){

ここですが、「送信してもよろしいですか？」は文字列ですので

if(window.confirm("送信してもよろしいですか？")) {

と、【"】にて囲む必要があります。掲載の際の転記ミスならすみません。

お礼

ありがとうございました！
おっしゃる通り掲載の際の転記ミスでしたが、すぐにお気づきになってすごいです。

また何かありましたらよろしくお願いします。