送信ボタンを押したときに、ラジオボタンが未チェックの場合に、アラートを出すように、
以下の内容でスクリプトを組んでいるのですが、チェックをしても アラートが出てしまいます。
あまりjavascript強くないので、自分では限界なので どなたか分かる方いらっしゃいましたらご指摘お願いします。
【HEAD内スクリプト】
function beforeSubmit(){
if(F1.NOUHIN[0].checked == false || F1.NOUHIN[1].checked == false || F1.NOUHIN[2].checked == false || F1.NOUHIN[3].checked == false || F1.NOUHIN[4].checked == false || F1.NOUHIN[5].checked == false){
alert("ご希望の納品時間を選んでください");
return false;
}
}
【BODY内ソース】
<form name=F1 action=mailto:****?subject=ORDER method=post encType=text/plain onSubmit="return beforeSubmit()" method="post" enctype="text/plain">
<input type="radio" name="NOUHIN" value="指定なし">指定なし
<input type="radio" name="NOUHIN" value="午前">午前
<input type="radio" name="NOUHIN" value="14~16時">午後2~4時
<input type="radio" name="NOUHIN" value="16~18時">午後4~6時
<input type="radio" name="NOUHIN" value="18~20時">午後6~8時
<input type="radio" name="NOUHIN" value="20~21時">午後8~9時
</form>
No.1ベストアンサー
- 回答日時:
一つは、F1・・・となっているのが
正しくはdocument.F1ですね。
もう一つは「||」はオアなのでダメです
「&&」ですね。
通常は自分のformをthisというオブジェクトで
なげて、以下のようにします。
<script language=javascript>
function beforeSubmit(f){
for (var i=0;i<f.length;i++){
if(f[i].name=="NOUHIN" && f[i].checked==true) return true;
}
alert("ご希望の納品時間を選んでください");
return false;
}
</script>
<form name="F1" action="mailto:hoge@hogehoge.com" method="post" onSubmit="return beforeSubmit(this)">
<input type="radio" name="NOUHIN" value="指定なし">指定なし
<input type="radio" name="NOUHIN" value="午前">午前
<input type="radio" name="NOUHIN" value="14~16時">午後2~4時
<input type="radio" name="NOUHIN" value="16~18時">午後4~6時
<input type="radio" name="NOUHIN" value="18~20時">午後6~8時
<input type="radio" name="NOUHIN" value="20~21時">午後8~9時
<input type="submit" value="実行">
</form>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- PHP $_SESSIONについて教えて下さい。 2 2023/03/02 09:18
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンのチェックが外れ...
-
ラジオボタンにタブインデック...
-
ラジオボタンで選択変更
-
チェックボックス とラジオボ...
-
データベースの値を判断してラ...
-
チェックされたラジオボタンに...
-
jQueryで複数のラジオボタンを処理
-
特定のラジオボタンが選択され...
-
javascript作成してます。ラジ...
-
js radioボタンの「name」を多...
-
フォームPOST後「戻る」時のチ...
-
return trueとreturn falseの用...
-
追加ボタンを押した際に ok ボ...
-
プルダウン 項目が多いので先頭...
-
<JavaScript>tableタグを入力不...
-
onchangeイベントを強制的に発...
-
html selectの内容を初期値に戻す
-
全てのselect要素をデフォルト...
-
ラジオボタンのNullチェック
-
JavaScriptで<select>の<option...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンにタブインデック...
-
データベースの値を判断してラ...
-
ラジオボタンのチェックが外れ...
-
ラジオボタンの値でリンク先を...
-
javascript作成してます。ラジ...
-
Jvasvriptのlengthで個数が取得...
-
ラジオボタンのValueを受け取り...
-
チェックされたラジオボタンに...
-
ラジオボタンの分岐方法に関して
-
ラジオボタンのリセット方法
-
ラジオボタンでdisabledとchecked
-
フォームPOST後「戻る」時のチ...
-
ラジオボタンのチェック数に応...
-
アンダーバーのname値は取得で...
-
ラジオボタンを使って、検索ペ...
-
ラジオボタン未チェックの場合...
-
リセットボタンでクリアできな...
-
javascriptによる動的なリンク...
-
javascriptでのアラート表示
-
【診断テストの作り方】結果に...
おすすめ情報