送信ボタンを押したときに、ラジオボタンが未チェックの場合に、アラートを出すように、
以下の内容でスクリプトを組んでいるのですが、チェックをしても アラートが出てしまいます。
あまり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ランキング
-
javascript作成してます。ラジ...
-
ラジオボタンにタブインデック...
-
ラジオボタンで選択した項目の...
-
Javascriptを使って動的にラジ...
-
データベースの値を判断してラ...
-
特定のラジオボタンが選択され...
-
チェックされたラジオボタンに...
-
ラジオボタンの値でリンク先を...
-
ラジオボタンのチェックが外れ...
-
Selectボックスの幅を自動で広...
-
Pythonで会員サイトの自動ログ...
-
現在時刻を取得してフォームのs...
-
特定<table>内の<td>の色を変える
-
hiddenのvalueの値を変えたい
-
javascriptで入力禁止文字をチ...
-
jspでのArrayListの値の表示
-
return trueとreturn falseの用...
-
【UWSC】HTML内のある部分を抽...
-
クリックさせたいが、click()が...
-
正規表現で複数マッチ条件で悩...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンのチェックが外れ...
-
javascript作成してます。ラジ...
-
ラジオボタンにタブインデック...
-
Jvasvriptのlengthで個数が取得...
-
ホームページ作成について。
-
データベースの値を判断してラ...
-
フォームPOST後「戻る」時のチ...
-
ラジオボタンでdisabledとchecked
-
Form内のselectを連動させるに...
-
アンダーバーのname値は取得で...
-
チェックされたラジオボタンに...
-
jQueryで複数のラジオボタンを処理
-
ラジオボタンのリセット方法
-
ラジオボタンの分岐方法に関して
-
javascriptによる動的なリンク...
-
radio選択をクッキーに保存させ...
-
JavaScriptでラジオボタンのチ...
-
jQuery 変数の使い方について
-
チェックボックスのON/OFFに連...
-
ラジオボタンでチェックした項...
おすすめ情報