フォームの入力チェックをすると既に入力した項目が消える

質問

実は過去のＱ＆Ａの中でご紹介されていた
ホームページを拝見させて頂いたのですが、
残念ながら私の応用力が足りず、
上手く作ることが出来ません。

下記のように書いてみたのですが、
これでは未入力のメッセージにＯＫを押すと
その前に入力したものが全て消えてしまいます。

何方か、正しい書き方をご教示下さいますよう
宜しくお願い申し上げます。

<script language="JavaScript">
<!--
function checkForm(){

if(document.form1.chk1.checked == false
&& document.form1.chk2.checked == false)
{
alert('チェックなし');
return false;
}

{
flag = 0;
for ( i = 0 ; i < document.form1.radiobtn.length ; i++){
if (document.form1.radiobtn[i].checked){ flag = 1; }
}
if (!flag){
alert('ラジオなし');
return false;
}

if(document.form1.sel.selectedIndex == 0){
alert('メニューなし');
document.form1.sel.focus();
return false;
}

if(document.form1.bun.value == ""){
alert('文字なし');
document.form1.bun.focus();
return false;
}
}
return true;
}

//-->
</script>

回答No.5

kappa_neko

#4を訂正させてください。

すみません、すっごい寝ぼけてました。

>2回onsubmitしているから、おかしいのではないでしょうか？

↑これはいいとして、対応策は、間違ってます。

submitボタンのonClickイベントを削除
で、いけると思います。

お礼

kappa_neko様
わざわざ２回もご回答ありがとうございました。

onClick="checkForm()"　を消して
<input type="submit" value="送信">にするということですよね？
残念ながらこれだけでは上手く動かず、
form actionに送り先を指定すると
ちゃんと動作してくれました。
結局問題は送り先を指定していなかったことのようです。

>2回onsubmitしているから、おかしいのではないでしょうか？

というご指摘、確かにそうですよね！
これに関しては全然疑問に思いませんでした。
もっといろんなサイトや参考書を見て勉強してみます。
本当にありがとうございました。