javascriptで大変困っております。
ラジオボタン・テキストエリアにまたがったチェックアラートをだしたいのですが、うまくいきません。
<script>
function form_check(f) {
if (f.Q1.value == "") {
alert("・未記入です!");
return false;
}
・
・
・
if (f.Q6.value == "") {
alert("・名前が未記入です!");
return false;
}
else return true;
}
function reset_conf() {
if (confirm("フォーム内容をリセットします!\n\nよろしいですか?"))
return true;
else return false;
}
</script>
--------
<FORM ACTION="hogehoge.cgi" METHOD="POST" onSubmit="return form_check(this)">
教育:<INPUT TYPE="radio" NAME="Q1" VALUE="OK">
テスト:<INPUT TYPE="radio" NAME="Q2" VALUE="OK">
アンケート:<INPUT TYPE="radio" NAME="Q3" VALUE="OK">
AAA:<input name="Q4" type="text" />
BBB:<input name="Q5" type="text" />
CCC:<input name="Q6" type="text" />
<INPUT TYPE="hidden" NAME="number" VALUE="6">
<INPUT TYPE="submit" NAME="answer" VALUE="送信する">
<INPUT TYPE="reset" NAME="reset" VALUE="リセット">
</FORM>
</form>
-------
テキストエリアのアラートチェックは出来ない状態です。
すべてにチェックまたは、テキスト入力がされていないと送信できないようにしたいのです。
どうしたらよいでしょうか?
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
テキストボックスが未記入かどうかのチェックはわかるけれど、ラジオボタンはどうしたいのでしょうか?
ラジオボタンがそれぞれ独立してしまっているので、一度押すとキャンセルはできないようになっちゃうはずだけど?
単独でオン・オフする場合は、チェックボックスを使うべきでは?
…というか、必ずチェックされなければならないものを、ユーザに全部チェックさせるのかなぁ?
(チェックがなければ受付ないのだから、「同意する/しない」みたいな1個ですみそう)
なお、ラジオボタンの場合はvalueではなくてcheckedで調べましょう。
(valueだとタグ内に記してある"OK"が返ってくるだけ)
やりたいことがわかるHTMLを提示すれば、回答しやすいと思うのですが・・・
まぁ、とりあえずそのままで、全項目チェック(or入力)されていなければfalseを返したいというのであれば、
(参考までに)
<html>
<head>
<script type="text/javascript">
function form_check(f) {
var ttl = '教育,テスト,アンケート,AAA,BBB,CCC'.split(',');
var i, mes = '', elm = f.elements;
for (i=0; i<ttl.length; i++)
if ((i<3 && !elm[i].checked)||(i>2 && elm[i].value == '')) { mes += '\n' + ttl[i] + 'が未入力です';
}
if (mes.length) {
alert(mes.substring(1));
return false;
} else {
return true;
}
}
</script>
</head>
<body>
<form action="#" method="POST" onsubmit="return form_check(this);">
教育:<input type="radio" name="Q1" value="OK">
テスト:<input type="radio" name="Q2" value="OK">
アンケート:<input type="radio" name="Q3" value="OK">
AAA:<input name="Q4" type="text">
BBB:<input name="Q5" type="text">
CCC:<input name="Q6" type="text">
<input type="hidden" name="number" value="6">
<input type="submit" name="answer" value="送信する">
<input type="reset" name="reset" value="リセット">
</form>
</body>
</html>
この回答への補足
ラジオボタンがそれぞれ独立してしまっているので、一度押すとキャンセルはできないようになっちゃうはずだけど?
単独でオン・オフする場合は、チェックボックスを使うべきでは?
…というか、必ずチェックされなければならないものを、ユーザに全部チェックさせるのかなぁ?
↑はい。すべてにチェックという感じです。
submitから
csvへの投入になり、各セルに振り分けを作成しております。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
データベースの値を判断してラ...
-
ラジオボタンにタブインデック...
-
ラジオボタンのValueを受け取り...
-
チェックされたラジオボタンに...
-
チェックボックスとテキストボ...
-
jQuery 変数の使い方について
-
javascript作成してます。ラジ...
-
ラジオボタンを使ったアンケート
-
ポップアップウインドウで選択...
-
ラジオボタンの値でリンク先を...
-
ジャバスクリプト機能の繰り返...
-
JavaScript ラジオボタン デ...
-
特定のラジオボタンが選択され...
-
JavaScriptでアンケートを作成.。
-
ラジオボタンで入力フィールド...
-
javascriptで日付+乱数+選択...
-
ラジオボタン未チェックの場合...
-
VBA IE ラジオボタンに...
-
return trueとreturn falseの用...
-
<JavaScript>tableタグを入力不...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンにタブインデック...
-
データベースの値を判断してラ...
-
ラジオボタンのチェックが外れ...
-
ラジオボタンの値でリンク先を...
-
javascript作成してます。ラジ...
-
Jvasvriptのlengthで個数が取得...
-
ラジオボタンのValueを受け取り...
-
チェックされたラジオボタンに...
-
ラジオボタンの分岐方法に関して
-
ラジオボタンのリセット方法
-
ラジオボタンでdisabledとchecked
-
フォームPOST後「戻る」時のチ...
-
ラジオボタンのチェック数に応...
-
アンダーバーのname値は取得で...
-
ラジオボタンを使って、検索ペ...
-
ラジオボタン未チェックの場合...
-
リセットボタンでクリアできな...
-
javascriptによる動的なリンク...
-
javascriptでのアラート表示
-
【診断テストの作り方】結果に...
おすすめ情報