ジャバスクリプト 入力項目チェック

質問

アンケートフォームを作成していて、入力必須項目とそうでないのがあります（そうでないものはすべてテキストエリア）。
必須項目は
・テキスト入力
・4つのラジオボタンの中から1つを選ぶ
・プルダウンから1つを選ぶ
があります。
テキスト入力では、電話番号、郵便番号、メールアドレス、の正規入力（半角英数で、@抜けチェック）を促したいのです（必須項目で未入力、未選択、誤表記があった場合、エラー画面が出るように）。

なかななかこれらの条件を満たしたジャバスクリプトソースを公開しているところがなくて困っています。
独学するにはちと時間がなく、あちこちのサイトをあたっているのですが、部分的には成功してもなかなか全部スッキリ決まりません。
どなたかお教えくださる方、よろしくお願いします。

回答No.3

the845t · ベストアンサー

とりあえず、サンプルになるフォームのタグをずらっと書いて見ては？
その方がレス受けやすいかも。

回答No.4

noname#10926

分かるところだけです。３

4つのラジオボタンの中から1つを選ぶ
（「とほほ」さんからのコピー）

ラジオボタンがチェックされているかどうかを調べるには次のようにします。

<script type="text/javascript">
<!--
function func() {
var i;
if (document.F1.R1.length) {
for (i = 0; i < document.F1.R1.length; i++) {
if (document.F1.R1[i].checked) {
alert(document.F1.R1[i].value);
}
}
} else {
if (document.F1.R1.checked) {
alert(document.F1.R1.value);
}
}
}
// -->
</script>
<form name="F1" action="#">
<input type="radio" name="R1" value="AAA" checked>AAA
<input type="radio" name="R1" value="BBB">BBB
<input type="radio" name="R1" value="CCC">CCC
<input type="button" value="OK" onclick="func()">
</form>

参考URL：

http://tohoho.wakusei.ne.jp/js/form.htm#ElmButton

回答No.2

noname#10926

分かるところだけです。２

プルダウンから1つを選ぶ

JavaScriptの部分
function kakunin() {
if (document.F1.性別.value == "off") {
alert("性別が選択されていません。");
document.F1.性別.focus();
return(false);
}}

フォームの部分
<FORM name="F1" method="POST" action="http://www.***.ne.jp/***/mail/mail.cgi" onsubmit="return kakunin()">

プルダウンの部分
<SELECT name="性別">
<OPTION value="off" selected>性別</OPTION>
<OPTION value="男">男</OPTION>
<OPTION value="女">女</OPTION>

＃1が分かりにくかったですね(~_~;)

回答No.1

noname#10926

分かるところだけです。

テキスト入力

テキスト入力部分
<INPUT type="text" name="TEL" size="17" maxlength="13">

JavaScript部分
if (document.F1.TEL.value == "") {
alert("電話番号が入力されていません。");
document.F1.TEL.focus();
return(false);
}