• 締切済み

小説HTMLの小人さん 必須項目チェックJavascript自動生成ツール

本日、steel_grayより良回答頂き、解決しましたが、また難題にぶちあたり、どうしてもクリアにできません。 ショッピングカートで同一ページ内に2つ以上の<form>~<form>を置いたカートボタンを押したときに、入力チェックを行うjavascriptで、それぞれ、個別のエラーメッセージを出したくなりました。また、小説HTMLの小人さん 必須項目チェックJavascript自動生成ツールを発見して、簡単にjavaソースができるのでいいかと思いましたが、同一ページ内で2つ以上のフォームでは、エラーチェックができず、困っています。 問題の部分 ---------------------------------------------------------------- <script type="text/javascript"> <!-- function FormCheck(Form) { Error = new Array(); i = 0; // くだものを選択して下さいの選択チェック if (Form["くだもの"][0].selected == true) { Error[i] = "くだものを選択して下さいは必須項目です。"; i++; } // やさいを選択して下さいの選択チェック if (Form["やさい"][0].selected == true) { Error[i] = "やさいを選択して下さいは必須項目です。"; i++; } // 未入力があればアラート if (Error.length > 0) { ErrorText = Error.join("\n"); alert ("項目エラー\n\n"+ErrorText); return false; } } // --> </script> --------------------------------------------------------------- <form name="" method="post" action="***.cgi" onsubmit="return FormCheck(this)"> <select name="くだもの"> <option selected>選択</option> <option value="りんご">りんご</option> <option value="みかん">みかん</option> <option value="ばなな">ばなな</option> </select><br> <br> <input type="submit" value="カートに入れる"> </form> <form name="" method="post" action="***.cgi" onsubmit="return FormCheck(this)"> <select name="やさい"> <option selected>選択</option> <option value="にんじん">にんじん</option> <option value="きゃべつ">きゃべつ</option> <option value="だいこん">だいこん</option> </select><br> <br> <input type="submit" value="カートに入れる"> </form>

みんなの回答

  • VCAT
  • ベストアンサー率20% (16/79)
回答No.1

JavaのことはJavaカテでどうぞ。

関連するQ&A

  • Javascriptで必須項目とメールアドレスチェックを同時に行いたいのですが…

    Javascriptで入力フォームの必須項目とメールアドレスのチェックを行いたいため、下記の様に設定したのですが、メールアドレスが入っているか確認後、メールアドレスのチェックを行うにはどのように書けばいいでしょうか?(現在は、Emailは必ず入力して下さい。Emailアドレスをご確認下さい。のalertが同時にでてしまいます。)宜しくお願いします。 <script type="text/javascript"> <!-- function FormCheck(Form) { Error = new Array(); i = 0; // 選択リストのチェック if ((Form["naiyou"]) && (Form["naiyou"][0].selected == true)) { Error[i] = "お問合せ内容を選択して下さい。"; i++; } // 名前の入力チェック if ((Form["name"]) && (Form["name"].value == "")) { Error[i] = "お名前は必ず入力して下さい。"; i++; } // emailの入力チェック if ((Form["email"]) && (Form["email"].value == "")){ Error[i] = "Emailは必ず入力して下さい。"; i++; } if ((Form["email"]) && (!Form["email"].value.match(/^[A-Za-z0-9]+[\w-]+@[\w\.-]+\.\w{2,}$/))){ Error[i] = "Emailアドレスをご確認下さい。"; i++; } // 未入力があればアラート if (Error.length > 0) { ErrorText = Error.join("\n"); alert (ErrorText); return false; } } // --> </script>

  • JavaScriptで日付計算してアラート

    はじめまして。 どうやってJavaScriptでフォームの内容を取得して計算させるかわからなくて相談させてください。 単に今日の日付を取得して+10日後とかの表示はなんとかできたのですがなにぶん初心者ですのでそれ以上のことはさっぱりです^^; やりたいことはフォームで年、月、日を選択して検索ボタンを押すと検索のPHPにフォームの内容を送るというものです。 そこで、指定の日数以降、以前の日付を選ぶとアラートが出るようにしたいのです。(今日より30日以前と30日以降を選ぶとアラートがでる) ご教授のほどよろしくお願いします。 以下今まで作ったソースです。 できればこれに組み込みたいので・・・ <script type="text/javascript"> <!-- function FormCheck(Form) { Error = new Array(); i = 0; // 年の選択チェック if ((Form["yyyy"]) && (Form["yyyy"][0].selected == true)) { Error[i] = "年は必須項目です。"; i++; } // 月の選択チェック if ((Form["mm"]) && (Form["mm"][0].selected == true)) { Error[i] = "月は必須項目です。"; i++; } // 日の選択チェック if ((Form["dd"]) && (Form["dd"][0].selected == true)) { Error[i] = "日は必須項目です。"; i++; } // 未入力があればアラート if (Error.length > 0) { ErrorText = Error.join("\n"); alert ("未入力の項目があるので検索できません。\n\n"+ErrorText); return false; } } // --> </script> <form name="trace" action="kensaku.php" method="GET" onsubmit="return FormCheck(this)"> <TABLE><TR><TD> <select name="yyyy" size="1"> <option value=""></option> <option value="2008">2008</option> <option value="2009">2009</option> </select>年 <select name="mm" size="1"> <option value=""></option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <!-- ~~~~略~~~~~ --> <option value="12">12</option> </select>月 <select name="dd" size="1"> <option value=""></option> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <!-- ~~~~略~~~~~ --> <option value="31">31</option> </select>日 </TD></TR> <TR><TD><INPUT TYPE="submit" name="submit" VALUE="検索"></TD></TR> </TABLE>

  • ラジオボタンでチェックした項目を必須にし、javascriptでアラートを出したい

    こんにちは・・・。 前回はphpで同じ質問をしたのですが、今回はjavascriptを使わなくてはなりません・・・OTL 重複質問のようで申し訳ないのですが、 連絡先方法【必須】をラジオボタンで選択した際、選択した項目(テキストエリア)を必須にしたいのです。 連絡先方法を必須にするやり方はわかりますが、それ以降がわかりません。。 どなたかご教授願います!! <input type="radio" name="renraku" value="TEL">TEL   <input type="radio" name="renraku" value="FAX">FAX   <input type="radio" name="renraku" value="E-Mail">E-Mail function CheckInput(){ /*----- check -----*/ flag = 0; for ( i = 0 ; i < document.form_1.renraku.length ; i++){ if (document.form_1.renraku[i].checked){ flag = 1; } } if (!flag){ alert('御希望連絡方法を選択して下さい'); return false; } } この続きを教えて下さい・・・お願い致します!

  • ラジオボタンでうまくするには・・・・

    初めまして。 現在下記のプルダウン形式で、一つの価格が同じなので問題なく動くのですが <FORM action="cart/sys/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=hidden value=2000 name=tan> <SELECT name=sur> <OPTION value="" selected>購入数量</OPTION> <OPTION value=1>1</OPTION> <OPTION value=2>2</OPTION> <OPTION value=3>3</OPTION> <OPTION value=4>4</OPTION> <OPTION value=5>5</SELECT> <INPUT type=submit value=カートに入れる> </FORM><BR> <FORM action="・・・/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=hidden value=2000 name=tan> </FORM> 同じ商品で1・2・3・4・5のそれぞれに単価が変わる設定をしたいのですが、うまくいく方法が見つからないです。 ラジオボタン形式で作ってみたものの・・・・ <FORM action="・・・/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=submit value=カートに入れる> </FORM> <FORM> <INPUT type="radio" name="name1" value="2000">1袋<BR> <INPUT type="radio" name="name1" value="3900">2袋<BR> <INPUT type="radio" name="name1" value="5800">3袋<BR> <INPUT type="radio" name="name1" value="7500">4袋<BR> <INPUT type="radio" name="name1" value="8500">5袋</FORM> としてみましたがうまくいきません。 なにか方法ございましたら、ご教授いただければと思います。

    • ベストアンサー
    • HTML
  • JavaScript でメールアドレスのチェックをするには・・・?

    入力フォームで正しいメールアドレスが入力されたのかを確認するため、以下のようなJavaScriptを記述しましたが、動作しません。 関数FormCheckは動作するのですが、関数Checkは動作しません。 現状では、メールアドレスを入力する欄に「www」とだけ入力しても チェックされないので、その他の入力項目がきちんと入力できていれば メール送信されてしまいます。 どのようにすればこのCheck関数が動作するのかどなたか教えていただけないでしょうか?よろしくお願いします。 --------------------Java Script 部分--------------------------- <script language="JavaScript"> <!-- //必須項目のチェック function FormCheck(Form) { Error = new Array(); i = 0; // 氏名の入力チェック if ((Form["name"]) && (Form["name"].value == "")) { Error[i] = "氏名は必須項目です。"; i++; } // メールアドレスの入力チェック if ((Form["email"]) && (Form["email"].value == "")) { Error[i] = "メールアドレスは必須項目です。"; i++; } // 質問したい支店の選択チェック if ((Form["address"]) && (Form["address"][0].selected == true)) { Error[i] = "質問したい支店は必須項目です。"; i++; } // 未入力があればアラート if (Error.length > 0) { ErrorText = Error.join("\n"); alert ("未入力項目があるので送信できません。\n\n"+ErrorText); return false; } } // --> <!-- //メールアドレスチェック var mail; function Check(){ mail = document.myform.email1.value; if(!mail.match(/.*@.*\..*/i)){ alert("メールアドレスが不正です。"); } } // --> </script> --------------------HTML 部分----------------------------------- <body> <table width="419" height="453"> <tr> <td width="732"> <form action="./cgi/test/sendmail.cgi" name="myform" method="POST" target="_self" onSubmit="return FormCheck(this);Check()"> <table width="481"> <!--氏名を入力 --> <tr> <td><strong>氏名</strong></td> <td><input type="text" name="name" size="30" maxlength="50"></td> </tr> <!--メールアドレスを入力 --> <tr> <td><strong>メールアドレス</strong></td> <td><input type="text" name="email" size="50" maxlength="60"></td> </tr> <!--支店選択 --> <tr> <td><strong>質問したい支店</strong></td> <td> <select name="address"> <option value="" selected></option> <option value="aaa@hoemail.com">A支店</option> <option value="bbb@hoemail.com">B支店</option> <option value="ccc@hoemail.com">C支店</option> </select> </td> </tr> </table> <!--送信・キャンセルボタン --> <center> <table> <tr> <td><input type="submit" name="submit" value="送 信"></td> <td><input type="reset" name="reset" value="キャンセル"></td> </tr> </table> </center> </form> </td> </tr> </table>

  • フォームのドロップダウンで未選択のチェックをしたいのですが、下記のよう

    フォームのドロップダウンで未選択のチェックをしたいのですが、下記のようにしたのですがうまくいきません。・・・原因は id[1] だと思うのですが、こういう場合JavaScriptには、どのように記述すればよいのでしょうか? ※ドロップダウンの name="id[1]" は、変更できません。 よろしくお願いします。 <script language="JavaScript"> <!-- function check(){ if(document.cart_quantity.id[1].selectedIndex == 0){ alert('選択してください'); return false; } return true; } //--> </script> <form name="cart_quantity" method="post" action="" onSubmit="return check()"> <select gtbfieldid="272" name="id[1]" id="attrib-1"> <option value="1" selected="selected">選択してください</option> <option value="2">いちご</option> <option value="3">みかん</option> <option value="4">りんご</option> </select> <input type="submit" value="送信" name="submit"> </form>

  • CGI(Perl)内での必須項目チェック

    CGI(Perl)内で必須項目のチェックを行うところで 書き方が分からず困っています。 フォームページHTMLファイルにラジオボタンで選択ボタンが2つとテキストエリアが3つあります。 ラジオボタンのnameは、携帯電話。 valueの1つ目は "1"、2つ目は ""(空白)。 テキストエリアの 1つ目のnameは、"携帯1"。2つ目のnameは、"携帯2"。3つ目のnameは、"携帯3"。 ラジオボタンのvalueが"1"の場合は、テキストエリア全てに項目が入っていないとエラーメッセージが出るチェックを作りたいのです。 説明が分かりづらいかもしれないのですが、お力をお貸しください。 宜しくお願いします。

    • ベストアンサー
    • CGI
  • htmlで入力したテキストがうまく表示されない

    お世話になります。 HTML初心者のものです。 卒業論文のアンケートに、webページを使いたいと思っていて、現在勉強しながらプログラミングを開始したところです。 しかし、 ●Q1.あなたの年齢を教えてください - プルダウンメニューで回答してもらう ●Q2.あなたの肌質を教えてください - ラジオボタンで回答してもらう という構造を頭の中で思い描いていたのですが、以下のようにhtmlを打っても、プルダウンメニューとラジオボタンの間の文章が表示されません。 初歩的な質問だとは思うのですが、先へ進めなくて困っているのでご教示頂けると幸いです。 【以下自分が打ったhtml】 <p>Q1.あなたの年齢を教えてください。</p><br> <form> <select name="knenrei"> <option value="1">18</option> <option value="2" selected>19</option> <option value="3" selected>20</option> <option value="4" selected>21</option> <option value="5" selected>22</option> <option value="6" selected>23</option> <option value="7" selected>24</option> <option value="8" selected>選択してください</option> </form><br> <p>Q2.あなたの肌質を教えてください。</p><br> <form> <input type="radio" name="khadashitu" value="binkan">敏感肌 <input type="radio" name="khadashitu" value="kansou">乾燥肌 <input type="radio" name="khadashitu" value="shisei">脂性肌 </form><br> ※補足……年齢のプルダウンメニューにおいて、最後に「選択してください」という項目を置いているのは、少しでも回答漏れを防ぐことと、回答漏れなのかきちんと回答がされたものなのかを区別するためです。

    • ベストアンサー
    • HTML
  • 現在javascriptでチェックボックスで選択した項目のvalueを

    現在javascriptでチェックボックスで選択した項目のvalueを次ページに渡すものを作成しています。 1つだけ選択すると正常に値が動くのですが、複数選択すると後に選択したほうの値だけが入ってしまいます。 複数選択した場合に選択した全てのvalueが入るようにするにはどうしたらいいでしょうか? 【1ページ目ソース】 <html> <head> <title>1page</title> </head> <body> <form name="F1" onsubmit="window.open('2page.html','_blank','');return false;"> A<input type="text" id="tanka1"> B<input type="checkbox" name="che1" id="check1" value="1">1 <input type="checkbox" name="che1" id="check1" value="2">2 <input type="checkbox" name="che1" id="check1" value="3">3 <input type="submit" value="送信" onclick=check();></form> </body> </html> 【2ページ目ソース】 <html> <head> <title>2page</title> <script> window.onload=function (){ document.F2.tanka1.value=window.opener.document.F1.tanka1.value; if (window.opener.document.F1.che1[0].checked)document.F2.check1.value=1; if (window.opener.document.F1.che1[1].checked)document.F2.check1.value=2; if (window.opener.document.F1.che1[2].checked)document.F2.check1.value=3; } </script> </head> <body> <form name="F2"> A<input type="text" id="tanka1"> B<input type="text" id="check1"> <br><br> </body> </html>

  • メールフォームの入力確認用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; } } // -->

専門家に質問してみよう