- 締切済み
電話番号チェックアラートについて【javascript】
入力フォームアラート設定について、教えて下さい。 やりたい事。 1.入力項目の値が空白の場合は【「電話番号」を入力してください】を表示。 2.入力項目の値が電話番号の形式でない場合は、【「電話番号」を[xxxx-xxxx-xxxx]形式で入力してください。】を表示。 3.電話番号形式でも13桁以上の場合は、【「電話番号」は「-」を含む半角12～13桁です。】を表示 とアラートを表示させる設定を行っているのですが、下記、内容をどのような形に変更すればいいかがわからず困っております。 どなたかご回答いただけませんでしょうか？ javascript初心者なもので細かい書き方がわかりません。 ----javascript-------------------------------- <script language="JavaScript" type="text/javascript"> function CheckForm(theform) { var FormOK = false; if (theform.tel.value =="") { FieldControl(theform.To, "「電話番号」を入力してください。"); }else if (theform.tel.value =="") { FieldControl(theform.To, "「電話番号」を[xxxx-xxxx-xxxx]形式で入力してください。"); }else if (theform.tel.value == "") { FieldControl(theform.To, "「電話番号」は「-」を含む半角12～13桁です。"); }else{ FormOK = true; } return FormOK; } function FieldControl(element, message) { alert(message); } </script> -------HTML----------------- <form action="" method="post" name="theform" onsubmit="return CheckForm(this);"> <p>電話番号:<input size="13" name="tel"></p> <input value="確認画面へ" name="submit" type="submit"> </form> 宜しくお願い致します。
- webnao777
- お礼率50% (6/12)
- JavaScript
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- fujillin
- ベストアンサー率61% (1594/2576)
ここで聞いていないで、ご自分で調べればいくらでもヒットしますよ。 （正しいかどうかは別として） 参考までに以下に。（必ずしもjavascriptではありませんのでご注意） ＜電話番号＞ http://ameblo.jp/shigeo/entry-10021105436.html http://lightmaterial.blogspot.com/2007/10/blog-post_14.html http://blog.livedoor.jp/nipotan/archives/50634795.html ＜メアド＞ http://d.hatena.ne.jp/toku-hiro/20070202 http://fetus.k-hsu.net/document/webmaster/diary2/7I3S8jDDV9 http://www.tt.rim.or.jp/~canada/comp/cgi/tech/mailaddrmatch/ 両方とも、最後のものはかなりすごいです。
- ProKaseifu
- ベストアンサー率51% (98/192)
では、調べて実際にやってみたうえで分からないところがあれば質問してください。
- ProKaseifu
- ベストアンサー率51% (98/192)
>1.入力項目の値が空白の場合は【「電話番号」を入力してください】を表示。 >2.入力項目の値が電話番号の形式でない場合は、【「電話番号」を[xxxx-xxxx-xxxx]形式で入力してください。】を表示。 >3.電話番号形式でも13桁以上の場合は、【「電話番号」は「-」を含む半角12～13桁です。】を表示 実現できていないのは1～3すべてでしょうか？(どの程度理解できているのかの確認のために聞きます) 2→正規表現で数字4文字ハイフン数字4文字ハイフン数字4文字の形式でチェックすればよいでしょう。 3→チェックしたい項目のlengthでチェックしてください。 参考サイト http://www.tohoho-web.com/js/index.htm
補足
早速の回答ありがとうございます。 ＞2→正規表現で数字4文字ハイフン数字4文字ハイフン数字4文字の形式でチェックすればよいでしょう。 ⇒こちらは[0-9]+\-[0-9]+\-[0-9]みたいにチェックさせたいです。 ＞3→チェックしたい項目のlengthでチェックしてください。 ⇒こちらについては調べますが、もしよろしければ教えて頂けないでしょうか？ 宜しくお願い致します。
関連するQ&A
- メールアドレス確認 javascriptについて
入力フォームのメール項目にて 1.メールアドレスチェック 2.メールアドレス（確認用） のアラート設定を行いたいのですが、下記、javascriptの変更をどのように行っていいかが分からず困っています。 どなたかご回答お願いできますでしょう！？ ------javascript部分-------------- <script language="JavaScript" type="text/javascript"> function CheckForm(theform) { var FormOK = false; if (theform.email1.value == "") { FieldControl(theform.To, "「メールアドレス」を入力してください。"); }else if (theform.email2.value == "") { FieldControl(theform.To, "「メールアドレス(確認用)」を入力してください。"); }else if (theform.email2.value == "") { FieldControl(theform.To, "入力されたものが一致するように入力してください。"); }else { FormOK = true; } return FormOK; } function FieldControl(element, message) { alert(message); } </script> ------HTML部分-------------- <form action="" method="post" name="theform" onsubmit="return CheckForm(this);"> メールアドレス：<input size="40" name="email1">（半角英数字）<br><br> 確認用】：<input size="40" name="email2"><br><br> <input value="確認画面へ" name="submit" type="submit"> </form> 宜しくお願い致します。
- ベストアンサー
- JavaScript
- チェックボックスのjavascriptについて
javascript初心者です！ お力をお借りしたいと思い質問いたしました。 宜しくお願い致します。 ●やりたい事 ・チェックボックスがチェックされてない時に「商品を選択して下さい」のアラートを表示させ、1つでもチェックされていた場合は「送信」できる設定を行いたいです。 「name= 」 部分を同じ名前にすると可能ですが、異なる名前にすると動作いたしません。 どうかご教授お願い致します。 ■javascript部分 <script language="JavaScript" type="text/javascript"> function CheckForm(theform) { var FormOK = false; if (!theform.category1[0].checked && !theform.category2[1].checked && !theform.category3[2].checked && !theform.category4[3].checked && !theform.category5[4].checked) { alert("商品を選択してください。"); }else{ FormOK = true; } return FormOK; } function FieldControl(element, message) { alert(message); } </script> ■HTML部分 <form name="theform" onsubmit="return CheckForm(this);" action="" method="post"> <input value="category1" name="category1" type="checkbox">category1<br> <input value="category2" name="category2" type="checkbox">category2<br> <input value="category3" name="category3" type="checkbox">category3<br> <input value="category4" name="category4" type="checkbox">category4<br> <input value="category5" name="category5" type="checkbox">category5<br><br> <br> <br> <input value="送信" name="submit" type="submit"></form> 宜しくお願い致します。
- ベストアンサー
- その他([技術者向] コンピューター)
- javaScriptでアラート設定を教えてください。
現在入力フォームを作成しておりますが、どうしても設定できない部分がありますので、教えてください。 下記のようなスクリプトを記述していますが、「ナンバー」のエラー表示部分に、半角数字3桁のみの入力設定を行いたいです。 それ以外を入力するとエラーが表示されるように設定を行いたいです。 宜しくお願い致します。 <script> function WriterCheck() { var str = document.dataInputForm.name.value; if( str.match( /[^A-Za-z\s.-]+/ ) ) { alert("名前は、半角英文字のみで入力して下さい。"); return false; } return true; } function CheckForm(dataInputForm) { var FormOK = false; if (dataInputForm.no.value == "") { FieldControl(dataInputForm.To, "ナンバーが未入力です。"); }else if (dataInputForm.title.value == "") { FieldControl(dataInputForm.To, "タイトル名が未入力です。"); }else if (dataInputForm.name.value == "") { FieldControl(dataInputForm.To, "名前が未入力です。"); }else { FormOK = true; } return FormOK; } function FieldControl(element, message) { alert(message); } </script>
- ベストアンサー
- JavaScript
- テキストボックス未記入時のアラート表示 JS
【出来ていること】 下記のように電話番号の未入をチェックしアラートを出すことができました。 <script> function check3() { tel3check = document.form3.tel3.value; data13 = tel3check; if(!data13) { alert("電話番号が未入力です13"); return; } else { document.form3.submit(); } } </script> <form method="POST" action="in.php" name = "form3"> <input type="text" name="tel3" value="" /> <input type="button" value="確認" name="sub1" onclick="check3();"> </form> 【躓いていること】 電話番号の未入だけでなく、FAXの未入もチェックしそれぞれでアラートを出そうとしましたが動きません。ご指導いただけますでしょうか? よろしくお願いいたします。 <script> function check3() { tel3check = document.form3.tel3.value; fax3check = document.form3.fax3.value; data13 = tel3check; data133 = fax3check; if(!data13) { alert("電話番号が未入力です13"); return; } elseif(!data133) { alert("FAX番号が未入力です133"); return; } else { document.form3.submit(); } } </script> <form method="POST" action="in.php" name = "form3"> <input type="text" name="tel3" value="" /> <input type="text" name="fax3" value="" /> <input type="button" value="確認" name="sub1" onclick="check3();"> </form>
- ベストアンサー
- JavaScript
- Javascript onsubmit記述方法
サイト制作をしているのですが、行き詰った箇所を教えてください。 form内でEnterキーを押したときに送信ページに飛んでしまわずに、次項目へ行くように（Tabの役割）するJavascriptと、確認用メールアドレスの項目を作るためのJavascriptを併用したいのですが、 onsubmitに"return CheckForm(this);"と"javascript:pageTracker._linkByPost(this)"を並列させる必要があるようなのですが、書き方を教えてください。 もし、そもそもの記述が間違っていたらご指摘ください。 ---- Javascript部分 <script type="text/javascript"> /*********************************************** * Disable "Enter" key in Form script- * By Nurul Fadilah(nurul@REMOVETHISvolmedia.com) ***********************************************/ function handleEnter (field, event) { var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode; if (keyCode == 13) { var i; for (i = 0; i < field.form.elements.length; i++) if (field == field.form.elements[i]) break; i = (i + 1) % field.form.elements.length; field.form.elements[i].focus(); return false; } else return true; } </script> <script language="JavaScript" type="text/javascript"> function CheckForm(theform) { var FormOK = false; if (theform.mailaddress.value == "") { FieldControl(theform.To, "「メールアドレス」を入力してください。"); }else if (theform.mailaddresscheck.value != theform.email1.value ) { FieldControl(theform.To, "「メールアドレス(確認用)」を入力してください。"); }else if (theform.mailaddresscheck.value != theform.email1.value ) { FieldControl(theform.To, "入力されたものが一致するように入力してください。"); }else { FormOK = true; } return FormOK; } function FieldControl(element, message) { alert(message); } </script> ------- HTML部分（現状"Enter" key in Formのみ実装） <form action="" method="post" onSubmit="javascript:pageTracker._linkByPost(this)"> <table class="contact"> <tr> <th>メールアドレス <span class="red">※</span></th> <td><input type="text" name="mailaddress" id="textfield" class="type01" onkeypress="return handleEnter(this, event)" /></td> </tr> <tr> <th>メールアドレス確認用 <span class="red">※</span></th> <td><input type="text" name="mailaddresscheck" id="textfield" class="type01" onkeypress="return handleEnter(this, event)" /></td> </tr>
- 締切済み
- JavaScript
- javascriptでのアラート表示
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> ------- テキストエリアのアラートチェックは出来ない状態です。 すべてにチェックまたは、テキスト入力がされていないと送信できないようにしたいのです。 どうしたらよいでしょうか？
- 締切済み
- JavaScript
- 3つテキストボックスすべてが未入力の場合アラートを出す方法（SUBMITボタンが3つある場合）
3個あるテキストボックスの内、 すべてが未入力の状態でいずれかのボタンをクリックすると アラートを出すプログラムを作りたいと思うのですが、 上手くいきません。 （ボタンが一つの場合は上手くいくのですが、3つに増やすと反応がおかしくなります） 別処理として、半角数字以外の文字を入れてもアラートが出る様にも 作りたく思っております。 以下に製作中の内容を記します。 どなたか教えていただければ大変助かります。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ <hmtl> <script language="JavaScript" type="text/JavaScript"> function ChkFormVal(theForm) { var num=0; var tempnum,temp,i; var no_of_items=theForm.elements.length-1; for(i=0;i<no_of_items;i++) { temp=theForm.elements[i].value; tempnum=parseInt(temp); if(isNaN(tempnum)==true) { if(temp!="") { theForm.elements[i].value=""; alert("ご注文数量を入力してください(1)。なお、数量は半角数字で入力してください。"); //alert("debug"); return false; } else tempnum=0; } num+=tempnum; } if(num==0) { alert("ご注文数量を入力してください。なお、数量は半角数字で入力してください。"); return false; } else return true; } //--> </script> <body> <form name="hirano" method="post" action="online.asp" onSubmit="return ChkFormVal(this)"> ■ご注文数量1 <input type="text" name="a1" size="5"> <input type="submit" name="Submit" value="お届け情報の入力へ"> ■ご注文数量2 <input type="text" name="a3" size="5"> <input type="submit" name="Submit" value="お届け情報の入力へ"> ■ご注文数量2 <input type="text" name="a4" size="5"> <input type="submit" name="Submit" value="お届け情報の入力へ"> </form> </body> </hmtl> ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ※実際作ろうとしているモノはテキストボックス・ボタンが100個程あります。 以上です 宜しくお願いします。
- 締切済み
- JavaScript
- アラートチェック＿javascript
javascript初心者です。 15個のテキストボックスに0or1のみ入力されるようにチェックを行いたいです。 ★のところでランタイムエラーが出ます。 <SCRIPT LANGUAGE="javascript"> <!-- var isFristTime = false; function fn_submit(obj) { for(var a=1; a<16; a++){ var flag = "fl1_" + a; ★ if(obj.flag.value.match(/^[0-1\s]$/)){ alert("フラグは0か1のみです。"); break; } } } // --> </script> </head> <body> <form name="form0" action="alert_test.asp" method="POST" OnSubmit="return fn_submit(this);"> <table border="1" bordercolor="#000000" rules="none"> <tr> <% for i=1 to 15 flag = "fl1_"&i %> <td>フラグ<%= i%></td> <td width="50" align="left"> <input type="text" name=<% =flag %> style="IME-MODE: disabled" size="2" maxlength="1" value="0"></td> <tr> <% next %> </tr> </table> <input type="submit" value="チェック"> </form>
- ベストアンサー
- JavaScript
- javascriptを勉強し始めました
それで簡単なアンケートを作りたいと思い、入力フォームを作って間違えている箇所があれば確認ボタンを押したときに入力に誤りがある項目をアラートで出し、そのアラートに誤っている項目をそのアラート一つにまとめて出したいのですが、出ません。わかないので質問させていただきました。よろしくお願いします。ソースになります。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>課題</title> <script language ="javascript"> <!-- function datachk(){ if(document.form1.last.value == "") { alert("・氏名(姓)が入力されていません。"); }else{ if(document.form1.last.value.match( /[^一-龠ァ-ヶぁ-ゞA-Z]+/ ) ){ alert("・氏名(姓)は、全角文字のみで入力して下さい。"); }else{ if(document.form1.first.value == "") { alert("・名前(名)が入力されていません。"); }else{ if(document.form1.first.value.match( /[^一-龠ァ-ヶぁ-ゞA-Z]+/ ) ){ alert("・名前(名)は、全角文字のみで入力して下さい。"); } } } } } //--> </script> </head> <body> <div align="center"> 情報入力 </div><br> <br> 以下に、情報を入力してください。<br> <br> <form name = "form1"> ＊氏名（姓）： <input type = "text" name = "last" value = ""><br> （全角10字入力可）<br> ＊氏名（名）： <input type = "text" name = "first" value = ""><br> （全角10字入力可）<br> ＊性別： <input type = "radio" name = "men" value = "男">男 <input type = "radio" name = "women" value = "女">女<br> <input type="button" value="回答" onClick="javascript:datachk();"><br> </form> </body> </html>
- ベストアンサー
- インターネットビジネス
- アラーと表示がうまくいきません
<SCRIPT LANGUAGE="JavaScript"> <!-- function aaa(){ if(document.a.ADD01.selectedIndex==0){ alert("カテゴリを選んで下さい。");document.a.ADD01.focus();return false; }else if(document.a.EMAIL.value=="" &&document.a.TEL.value==""){ alert("メールアドレスか電話番を入力して下さい。"); document.a.EMAIL.focus(); return false; }else{ return true;} } // --> </SCRIPT> 上記の「メールアドレスか電話番号を入力して下さい。」のアラートを「メールアドレスを入力して下さい。」に変えたいのですが(document.a.EMAIL.value=="" && document.a.TEL.value=="")のどの部分までを消していいのか分かりません。
- ベストアンサー
- JavaScript
補足
いろいろ検索しまして、たくさんのサンプルページがありましたが、やはりjavascript初心者なもので、下記内容に対しての変更ができません！！！ もし宜しければ教えていただけますでしょうか？ <script language="JavaScript" type="text/javascript"> function CheckForm(theform) { var FormOK = false; if (theform.tel.value =="") { FieldControl(theform.To, "「電話番号」を入力してください。"); }else if (theform.tel.value =="") { FieldControl(theform.To, "「電話番号」を[xxxx-xxxx-xxxx]形式で入力してください。"); }else if (theform.tel.value == "") { FieldControl(theform.To, "「電話番号」は「-」を含む半角12～13桁です。"); }else{ 宜しくお願い致します。