• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:メールフォームの入力確認(チェックボックス)のJava Scriptについて)

メールフォームの入力確認(チェックボックス)のJava Scriptについて

このQ&Aのポイント
  • メールフォームの入力確認でJava Scriptを使用する際、チェックボックスが選択されていてもエラーが出る問題が発生しています。
  • 使用したスクリプトではテキスト入力やラジオボタンは正常に動作するが、チェックボックスが選択されていても「選択されていません」というエラーメッセージが表示されます。
  • 問題のチェックボックス部分の処理が正しく行われていないため、エラーが発生しています。アドバイスをいただけると幸いです。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

JavaScriptのカテゴリで質問されてはいかがでしょうか? とりあえず、デバッグ用にアラートを出すロジックを追加して潰してみてはいかがでしょうか。

kana1980
質問者

お礼

ありがとうございます。 カテゴリ違いの質問をして失礼いたしました。 改めてJava Scriptのほうで質問いたします。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • メールフォームの入力確認用Java Script-チェックボックスの確認

    はじめまして、メールフォームを作成し、入力項目がすべて入力されていることを確認するためにJava Scriptを使うことにしました。 小説HTMLの小人さん(​http://htmldwarf.hanameiro.net/tools/Make_FormCheck.cgi​) で作成したスクリプトを使用しようとしたのですが、テキスト入力、ラジオボタンはうまくいくものの、チェックボックスが選択されていても「選択されていません」のエラーがでます。 アドバイスをいただければ幸いです。 よろしくお願いいたします。 メールフォームのあるページ ​https://secure.actrix.co.nz/goldenbaykayaks.co.nz/​  <!-- function FormCheck(Form) { Error = new Array(); i = 0; // NameBooking Check if (Form["NameBooking"].value == "") { Error[i] = "Name of Booking is required."; i++; } // Cardtype Check j = 0; k = 0; while (j < Form["Cardtype"].length) { if (Form["Cardtype"][j].checked == true) { k++; } j++; } if (k == 0) { Error[i] = "Select the card type."; i++; } <省略> ------------ここから問題のチェックボックス部分------------------- // Policy check j = 0; k = 0; while (j < Form["condition"].length) { if (Form["condition"][j].checked == true) { k++; } j++; } if (k == 0) { Error[i] = "Accepting the policy is not selected."; i++; } ------------ここまで問題のチェックボックス部分------------------- // Alart if (Error.length > 0) { ErrorText = Error.join("\n"); alert ("The form is not sent.\n\n"+ErrorText); return false; } } // -->

  • チェックボックスの選択チェック

    ラジオボタンの選択チェック、セレクトボタンの選択チェックのあとにチェックボックスの選択チェックをしたいのですが、どのように入れればよいのでしょうか。教えてください。 ↓参考までに↓ function check() { var flag=0; if( document.form1.seibetu.length){ flag=1; var i; for(i=0; i<document.form1.seibetu.length; i++) if(document.form1.seibetu[i].checked)flag=false; } if(flag){ alert('性別が選択されていません'); return false; } if(document.form1.nenrei.value=="")flag=true; if(flag){ alert('年齢が選択されていません'); return false; } if( document.form1.Q1.length){ flag=1; var i; for(var i=0; i<document.form1.Q1.length; i++) if(document.form1.Q1[i].checked)flag=false; if(flag){ alert('Q1が選択されていません'); return false; } else {★★★ここに入れたい★★★   ;} } }

  • java script フォームのチェックボックス入力制限について

    java script フォームのチェックボックス入力制限について どなたかお教えください。 以下のコードを書き換えて、現状では1つのチェックボックスを複数にし(かつ、複数選択可にし)、チェックボックスをチェックした場合のみ「選択肢」ラジオボタンがアクティブになる仕様にしたいと考えております。 サイト上で見つけたサンプルコードをいじっているのですが、何分素人なのでうまく行きません。どなたか助けていただけると助かります。 よろしくお願いします。 <script type="text/javascript"> function fchk3(obj){ var frm=obj.form; var len=frm.elements.length; if(obj.checked==true){ for(var i=0; i<len; i++){ if(frm.elements[i].type=="radio"){ frm.elements[i].disabled=false; } } }else{ for(var i=0; i<len; i++){ if(frm.elements[i].type=="radio"){ frm.elements[i].checked=false; frm.elements[i].disabled=true; } } } } </script> <form name="form3" action="#"> <label for="chk3"><input type="checkbox" id="chk3" name="chk3" onclick="fchk3(this)" checked="checked" />このボタンのチェックを外すとラジオボタンが無効化</label><br /> <label for="chk3_r1"><input type="radio" id="chk3_r1" name="r1" />選択肢</label> </form>

  • htmlフォームでチェックボックスの入力漏れを警告

    チェック必須にしたいのですが、出来ません。 以下のようにnameの所に name="kurasu[1]" と入れています。 他の処理もあるので、そのような入れ方をしています。 <input type="checkbox" name="kurasu[1]" id="kurasu1" value="1" /> <input type="checkbox" name="kurasu[5]" id="kurasu5" value="5" /> <input type="checkbox" name="kurasu[8]" id="kurasu8" value="8" /> としてあるので、以下のように if(!document.form.kurasu[1].checked && !document.form.kurasu[5].checked && !document.form.kurasu[8].checked){ として、アラートを出したいのですが、出来ません。 やはり kurasu[1] では出来ないでしょうか? 他のものは以下で処理しています。 <script type="text/javascript"> function check(){ var flag = 0; var errorMes = new Array(); var chkCount = 0; if(!document.form.tel.checked){ // 「電話番号」の記入をチェック flag = 1; errorMes.push("「電話番号」をご記入ください。\n"); } if(flag){ var n = errorMes.length; var errorStr =""; for(i=0;i<n;i++){ errorStr+= errorMes[i]; } window.alert(errorStr); // 記入漏れがあれば警告ダイアログを表示 return false; // 送信を中止 }else{ return true; // 送信を実行 } } </script>

  • ページ内の全チェックボックスのチェック

    ページ内の全チェックボックスのチェックするブックマックレットを作成したいのですが、うまく動作しません。どのようにすればよいのでしょうか? よろしくお願いします。 javascript:void(for(i=0; i<document.form[0].elements[0].checkboxs.length; i++){document.form[0].elements[0].checkboxs[i].checked=true;})

  • JavaScript テキストボックスの入力チェックについて

    JavaScript テキストボックスの入力チェックについて こんにちは、趣味でJavaScriptをしている者です。 テキストボックスに入力した文字列のチェックについて 質問させていただきます。 まず、よろしければ、以下のコードを見ていただきたいのですが・・・ <html> <head> <script type="text/javascript"> var N=5; var str = ""; var moji = new Array("a","b","c","d","e"); var Ary = new Array(); function init(){ for(i=0;i<N;i++) { for(j=0;j<N;j++) { if(j != i){ for(k=0;k<N;k++) { if(k!=i && k!=j){ for(m=0;m<N;m++) { if(m!=i && m!=j && m!=k){ for(n=0;n<N;n++) { if(n!=i && n!=j && n!=k && n!=m){ str = str + moji[i] + moji[j] + moji[k] + moji[m] + moji[n]; Ary.push(str); str =""; } } } } } } } } } alert("並べました"); } function check() { var obj = document.getElementById("txtA"); var key = obj.value; for(i=0;i<Ary.length;i++) { if(key == Ary[i]) { document.getElementById("result").value = key+"は"+(i+1)+"ばんめです"; } } } </script> </head> <body bgColor="rgb(240,220,250)" onLoad="init()"> <form name="Form1"> a,b,c,d,eを辞書式に<br> abcdeからedcbaまで並べるとき<br> テキストボックスに入力した文字列が<br> 何番めになるか表示します <br><br> 文字列を入力: <input type="text" id="txtA" size="10">  <input type="button" value="チェック" onClick="check()"> <br><br>  結果表示 : <input type="text" id="result" size="30"> </form> </body> </html> このコードにおいて、テキストボックスの文字列のチェックが できるようにしたいのです。 *半角英字のa-eであること。 *五文字であること。 *a-eが一度ずつ使われていること。 以上の条件をチェックするには「正規表現」を使えばよいのでしょうか? 「正規表現」についてよくわかりませんので、質問させていただきました。 もしよろしければ、解説していただけないでしょうか。 よろしくお願いします。

  • チェックボックスの未入力チェック

    ざっとですけれども <form action="**" name="myform" onsubmit="return Check()" method=post> <input type="checkbox" name="Erasedata" id="Erasedata" value="1" > <input type="checkbox" name="Erasedata" id="Erasedata" value="2" > ・・・ <input type="checkbox" name="Erasedata" id="Erasedata" value="5" > <input type="submit" value="選択されたものを削除する"> このようなチェックボックスがあったとして function Check() { for (i=0;i<document.myform.length;i++)  {   if(document.myform.Erasedata[i].checked==true) {return true;}  } alert("どこかにチェックを入れて下さい "); return false; } といった感じで未入力チェックをしています。 チェックボックスが複数の場合はうまく動くのですが、チェックボックスがひとつだとうまくいきません。スクリプトで何か問題があるようでしたらご指摘お願いできませんでしょうか。よろしくお願いいたします。

  • フォームの入力チェックをすると既に入力した項目が消える

    実は過去のQ&Aの中でご紹介されていた ホームページを拝見させて頂いたのですが、 残念ながら私の応用力が足りず、 上手く作ることが出来ません。 下記のように書いてみたのですが、 これでは未入力のメッセージにOKを押すと その前に入力したものが全て消えてしまいます。 何方か、正しい書き方をご教示下さいますよう 宜しくお願い申し上げます。 <script language="JavaScript"> <!-- function checkForm(){ if(document.form1.chk1.checked == false && document.form1.chk2.checked == false) { alert('チェックなし'); return false; } { flag = 0; for ( i = 0 ; i < document.form1.radiobtn.length ; i++){ if (document.form1.radiobtn[i].checked){ flag = 1; } } if (!flag){ alert('ラジオなし'); return false; } if(document.form1.sel.selectedIndex == 0){ alert('メニューなし'); document.form1.sel.focus(); return false; } if(document.form1.bun.value == ""){ alert('文字なし'); document.form1.bun.focus(); return false; } } return true; } //--> </script>

  • フォームの入力チェックについて

    下記のプログラムで、チェックボックスや、ラジオボタンの 入力チェックを行うと、 値自体は、$_POST['radio_check']にて取得できるのですが、Javascriptコンソールにて objElm has no propertiesと 出てしまいます。 外部ファイル部分 function requiredRadioCheck(objElm,strErr) { flag=false; for(i=0;i<objElm.length;i++){ if(objElm[i].checked){flag=true;} } if(!flag){ return strErr + "が入力されていません。 \r"; }else{ return ""; } } html部分 function chk(){ strErr=""; strErr+=requiredCheck(strErr+=requiredRadioCheck(document.Form.radio_check.value,"ラジオボタン"); strErr+=numberTypeCheck if(strErr==""){ return true; }else{ window.alert(strErr); return false; } }

  • フォームの上下に一括チェックボックスを置くには?

    HTML+Javascriptで、選択削除のフォームを作っています。 一覧の上下に一括チェックボックスを置きたいのですが上手く行かないのです。 -------------------- javascript↓ -------------------- //一括チェック用チェックボックス function allcheck() { var count = document.delete.chk.length; var allcheck = document.delete.chk_all.checked; for ( var i=0; i<count; i++) { var check = document.delete.chk[i].checked; if (allcheck == true) { document.delete.chk[i].checked = true; } else { document.delete.chk[i].checked = false; } } } //個別チェック用チェックボックス function check(onjCheck) { if (onjCheck.checked == false) { document.delete.chk_all.checked = false; return; } var count = document.delete.chk.length; for (var i=0; i<count; i++) { if (document.delete.name != "chk_all" && document.delete.chk[i].checked == false) { return; } } document.delete.chk_all.checked = true; } -------------------- HTML↓ -------------------- <form action="" name="delete"> <fieldset> <input type="checkbox" name="chk_all" id="all_head" onclick="allcheck(this)"> <label for="all_head">すべて選択/解除</label> <input type="submit" value="選択した項目を削除"> </fieldset> <fieldset> <input type="checkbox" name="chk" onclick="check(this)"> 項目1 <input type="checkbox" name="chk" onclick="check(this)"> 項目2 <input type="checkbox" name="chk" onclick="check(this)"> 項目3 </fieldset> <fieldset> <input type="checkbox" name="chk_all" id="all_foot" onclick="allcheck(this)"> <label for="all_foot">すべて選択/解除</label> <input type="submit" value="選択した項目を削除"> </fieldset> </form> このように記述しています。 上か下か、片方であれば一括チェックを実現できました。 当方Javascript初心者です。 よろしくご教示願います。