• ベストアンサー

フォーム入力チェックで入力内容がクリア

javascriptで、フォームの入力チェック機能をつくっています。必須入力項目が【名前】【住所】の場合、【名前】欄は入力済み／【住所】欄は未入力ケースで、アラートメッセージをＯＫ押下した後フォーム上の【名前】欄がクリアされてしまいます。 ネットでサンプルになりそうなコードをいろいろ見て作っているのですが、なかなか上手くいきません。解決方法をご存知の方がいらっしゃったら教えてください。

  • soapy
  • お礼率86% (19/22)

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

  • ベストアンサー
  • the845t
  • ベストアンサー率33% (246/743)
回答No.1

returnを使えば上手くいくと思います。 http://www.nx-72307.net/st/js.php?form が参考になるかもしれません。

参考URL：
http://www.nx-72307.net/st/js.php?form
soapy
質問者

お礼

どうもありがとうございます！ 参考になります。 助かりました。

soapy
質問者

補足

昨日、同じ題名でソースコードを載せたほうの書き込みが私の手違いで消去してしまったようです。 昨日ご回答いただいた方、本当に申し訳ありません。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 選択肢によって入力必須が変わるフォームの入力チェックJavaScrip

    選択肢によって入力必須が変わるフォームの入力チェックJavaScript フォームの入力チェックのJavaScriptを作成しています。 特定のラジオボタンにチェックを入れた場合のみ、 入力必須になるテキストボックスの 入力チェックJavaScriptを教えてください。 ラジオボタンが複数あるフォームで、 <input type="radio" name="type" value="type1" /> <label>タイプ1</label> <input type="radio" name="type" value="type2" /> <label>タイプ2</label> タイプ2を選んだ場合のみ、必須項目にしたいテキストボックスがあります。 <input type="text" name="name1" /> テキストボックスが空白だった場合にアラートを出すJavaScriptは 現在このようになっています。 （参考にしていたサイトがあるのですが、忘れてしまいました・・・。） $(function(){ $("form1").submit(function(){ if($("input[name='name1']").val()==""){ $("input[name='name1']").css("border","1px solid #A70F00"); alert('必須項目に未入力があります'); return false; }) }) このJavaScriptをさらに、if文で括って、 name="type" の value が type2 であれば・・・、という処理を追加すればよいのだと 思いますが、書き方が分からず困っています。 どうかよろしくお願いします。

  • 入力フォームの個数の変化について

    動的に入力フォームを変化されるプログラムのサンプルコードを探しています。 詳しい質問概要については以下の通りです。 ・追加、削除ボタンを押下時に一つずつ入力フォーム(textbox)が増減する。 ・上記の削除ボタンとは別に、入力フォームの横に削除ボタンを設置し、削除ボタン押下時に削除ボタン横の入力フォームの削除が行われる。 ・環境としては、JavaScript+PHP、IEで動作する環境でお願いします。 まだ、初心者な為大変困っています。サンプルか簡単なコードを載せてくれるとありがたいです。 よろしくお願いします。

  • Javascriptで入力チェックを自動化

    入力フォームを作る際に、作るたびに項目数や必須項目が異なるので、毎回チェックを作るのが面倒になってきました。 そこで、入力フォームのname属性に「＊」や「■」が入っていると自動的に必須項目になるようにJavascriptを汎用的に作ることはできないでしょうか？ JQueryを使ってもいいので、簡単な方法を知っている方、またはそういうサイトを知っている方よろしくお願いします。

  • メールフォームの入力不備をアラートで知らせる順序は？

    ホームページを作っています。 メールフォームもあるのですが、入力不備があったときアラートで知らせるようにJavascriptで書きました。名前や住所などはちゃんとアラートがでるのですが、メール入力の項目だけはうまくいきません。単体で試すとうまくいくのですが、他の項目と組み合わせると全部のアラートがでないで送信となるか、メールの項目が出ないで送信となります。 if (document.Formp.mail.value.match(/\w+@\w+/)) return true; alert("正しいメールアドレスを入力してください"); return false; をどの位置に書けばうまくいくのでしょうか？

  • フォームの入力チェック

    こんにちは、今回はホームページのワザについて教えて下さい～。 今フォームを作成してアンケートを回答してもらうページを作成中なのですが、そこで躓いてしまいました。 CGIでフォームを作成しているのですが、そのフォームの中の回答で必須項目を作りたいのです。回答していないで送信ボタンを押すとダイヤログが出て「××をご記入ください」のようなメッセージを出す・・・こんなのが理想なのです。 今普通にCGIでフォームだけは完了したのですが、そのチェック機能をjavaでつけても動いてくれないのです（泣）。全くjavaが働かず、普通に送信されてしまいます。 CGIを外してjavaだけでやろうとするとアドレスを予め設定していないという事でエラーになりますし・・・。今は <SCRIPT language="JavaScript"> <!-- function Check(){ if(document.myform.ks.value==""){ alert("必須項目を記入してください。"); return false; } ・ ・ ・ // --> </SCRIPT> </HEAD> <BODY><!--××× CGI　Program--> <FORM action=http://www.CGIのテキストまでのパス.txt method=post　onSubmit="return Check()"><INPUT type=hidden value=××@×× name=sendto><INPUT type=hidden value=/mail/××.htm name=success><!--ここまで--><A name=TOP></A> としてあります・・・。 すみません！どなたかわかる方！ぜひ教えて下さい、お願いいたします！

    • ベストアンサー
    • HTML
  • メールフォームでの必須入力チェックについて

    はじめまして。ＰＨＰ初心者です。ＰＨＰを使ってメールフォームを作成しています。入力画面で必須項目が記入されていなかったらエラー画面に飛ぶようにしたいのですが、なかなかうまくいきません。下のソースはサンプルを参考につくりました。 //入力画面 <?php if(isset($_POST['submit'])){ session_start(); $errflg = '1'; 　　/*必須項目*/ 　　if(($_POST['name']) == ""){ 　　　　$_SESSION['name1'] = "・お名前"; 　　　　$_SESSION['name1'] = $_POST['name1']; 　　　　$errflg = '0'; 　　}else{ 　　　　$_SESSION['name']=""; 　　} 　　　　　　if($errflg == '0'){ 　　　　　　　　header('Location: error.php'); 　　　　　 exit();} ?> 流れとしては、名前の欄が入力されていなかったら、エラー画面に飛ばして「・お名前」と表示させたいです。もし他にいい方法やソースがありましたら教えてください。お願いします。

    • ベストアンサー
    • PHP
  • 一括で入力のチェックをしたいのです！

    どなたか教えてください・・・ フツー入力チェックを行う場合 <SCRIPT language="JavaScript"> <!-- function Check(){ if(document.myform.Name.value==""){ alert("名前を入力してください。"); return false; } if(document.myform.Email.value==""){ alert("Ｅメールアドレスを入力してください。"); return false; } if(document.myform.Email.value.indexOf("@")<=0){ alert("Ｅメールアドレスが正しくありません。"); return false; } if(document.myform.Comment.value==""){ alert("コメントを入力してください。"); return false; } return true; } // --> </SCRIPT> こんなカンジで各フォーム毎にチェックを行い メッセージを出したりすると思うのですが、 フォーム数が多いため、入力のチェックを 一括で行いたいのですが・・・ JavaScriptを始めて間もないため とんちんかんな質問をしている様でしたら すみません。 どなたか入力チェックを一括で出来る方法を 教えて頂けないでしょうか・・・ お願いします。

  • ホームページ　入力チェックのアラートについて

    PHP、HTMLを使用して入力フォームを作成しております。 項目の入力チェックにはJavascriptを使用しており、エラーがあった場合に メッセージボックス(alert)で表示しています。 しかし、依頼主からメッセージボックスより、カッコいいホームページにある ようなテキストボックスの隣に赤の＊を表示させたいと要望があり、どのように 実現させれば良いのか、いまいちよく解りません。 入力内容をサーバーでチェックさせて再表示というのも一つの手だと思い ますが、できればブラウザ側でチェックさせる、要はJavascriptでそういうこと が実現できないかと考えております。Javascriptで検索しても上記のようなサンプル も見当たりませんでした。 なにぶん、PHPやJavascript使っていると書いておきながら超初心者なので 他に良いやりかたがあればご教授願います。

    • ベストアンサー
    • HTML
  • 送信フォームの入力内容チェックについて

    送信フォームの入力内容チェックについて 送信フォーム作成の勉強をしています。 「必須項目未記入」と「半角英数以外の文字入力」を同時にチェックする方法をお聞きしたいです。 「必須項目未記入」と「半角英数以外の文字入力」の時に赤字で警告を表示させたいです。 「必須項目未記入」は赤字で警告が表示されるのですが、「半角英数以外の文字入力」の時は赤字で警告が表示されません。。。 素人で説明不足かもしれませんが、助言をいただきたいです。 よろしくお願いいたします。 （URL↓） http://www.photoiku.com/sample/form-sample.php （Javascript↓） <script type="text/javascript"> <!-- function formCheck(){ var flag = 0; if( document . Form1 . InputText1 . value . match ( /[^0-9a-zA-Z_]+/ ) ){ flag = 1; document . getElementById( 'notice-input-text-1' ) . style . display = "block"; }else{ document . getElementById( 'notice-input-text-1' ) . style . display = "none"; } if( document . Form1 . InputText1 . value == "" ){ flag = 1; document . getElementById( 'notice-input-text-1' ) . style . display = "block"; }else{ document . getElementById( 'notice-input-text-1' ) . style . display = "none"; } if( document . Form1 . Textarea1 . value == "" ){ flag = 1; document . getElementById( 'notice-textarea-1' ) . style . display = "block"; }else{ document . getElementById( 'notice-textarea-1' ) . style . display = "none"; } if( flag ){ window . alert( '入力内容に不備があります。' ); return false; }else{ return true; } } // --> </script> （html↓） <form name="Form1" method="post" action="#" onsubmit="return formCheck()"> <p>ID（必須）（半角英数）</p> <p id="notice-input-text-1" style="display: none; color: red;"> 【半角英数で入力されているか確認して下さい】</p> <p><input type="text" name="InputText1"></p> <p>コメント（必須）</p> <p id="notice-textarea-1" style="display: none; color: red;"> 【コメントを入力して下さい】</p> <p><textarea name="Textarea1" rows="5" cols="40"></textarea></p> <p><input type="submit" value="送信"></p> </form> 補足ですが、1つ目のif～elseのブロックと、2つ目のif～elseのブロックを入れ替えてもできませんでした。

  • javaでフォーム入力の確認と文字チェック

    HPのフォームに入力してもらった後、入力された文字のチェックを行い、エラーがあった場合に「○○は半角で入力して下さい」、「○○は必須項目です」などのメッセージを出したいと思っています。 とりあえずいろいろなHPを参考に、文字制限、及びエラーメッセージを出すまでは出来たのですが、必須項目のチェックをどのように追加すればいいのかがわかりません。 最初に、入力したフォームから、フォーカスが離れた時の処理 function kanacheck() { if(document.order.kana.value.match( /[^ぁ-んァ-ン　\s]+/) ) { alert("ふりがなは、「ひらがな」・「カタカナ」のみで入力して下さい。"); return 1; } return 0; } 同じ様な内容で他多数項目のチェック内容が続きます。 下は、「送信」を押したときに全体をチェックする処理です。 クリックされたときに処理を実行するようにonclick属性で呼び出しをしています。 function AllCheck() { var check = 0; check += kanacheck(); if( check > 0 ) { return false; } return check; } いずれかに「必須項目の未入力チェック」を入れたいのですが、どのようにその処理を書き足せば良いでしょうか？ また、上の状態でもきちんと動作するかどうか確認はできていますが、どこかおかしな部分はありませんか？ java初心者でお恥ずかしい質問ですが、どうぞよろしくお願い致します。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する