テキストフィールドとチェックボックス両方の入力チェック



0   名前: 八子 : 2005/12/22 15:40
超初心者で非常に困っております。
どなたかお教え頂ければ幸いです。

当サイトの『すぐに使えるjavascriptサンプル集』の
http://www.tagindex.com/javascript/form/check1.html テキストフィールドチェック
http://www.tagindex.com/javascript/form/check4.html チェックボックスチェック
この二つをひとつのページで同時に入力チェックを行いたいのですが
どうしたらよいのかよくわからないのです。
ただ単に二つをくっつけるだけではうまくいかなかったので(当たり前ですよね…)
どなたか教えて下さい。
よろしくお願い致します。

1   名前: 匿名希望 : 2005/12/22 15:40
一応下ので同時にチェックできました


<SCRIPT TYPE="text/javascript">
<!--
function check(){
var flag = 0;
// 設定開始(必須にする項目を設定してください)
if(document.form1.field1.value == ""){ // 「お名前」の入力をチェック
flag = 1;
}
else if(document.form1.field2.value == ""){ // 「パスワード」の入力をチェック
flag = 1;
}
else if(document.form1.field3.value == ""){ // 「コメント」の入力をチェック
flag = 1;
}
else if(!document.form1.check1.checked){ // チェックされているかチェック
flag = 1;
}
// 設定終了
if(flag){
window.alert('必須項目に未入力がありました'); // 入力漏れがある、またはチェックされていない時は警告ダイアログを表示
return false; // 送信を中止
}
else{
return true; // 送信を実行
}
}
// -->
</SCRIPT>

<FORM METHOD="POST" ACTION="*****.cgi" NAME="form1" onSubmit="return check()">
お名前:<INPUT TYPE="text" NAME="field1" SIZE="25"> (必須)<BR>
パスワード:<INPUT TYPE="password" NAME="field2" SIZE="25"> (必須)<BR>
コメント:<TEXTAREA NAME="field3" ROWS="3" COLS="25" WRAP="off"></TEXTAREA> (必須)<BR>
<INPUT TYPE="checkbox" NAME="check1" VALUE="ok"> チェックしてください <BR><BR>
<INPUT TYPE="submit" VALUE="送信">
</FORM>

2   名前: 八子 : 2005/12/22 15:40
匿名希望様
すばやいお返事ありがとうございます。
無事できました!
本当にありがとうございます!

3   名前: 匿名希望 : 2005/12/22 15:40


一覧へ戻る