• ベストアンサー

JavaScriptで入力チェックをしたい。

送信ボタンを押すとJavaScriptが起動して空欄の項目を指摘してくれるのはどんな感じで書くんでしょうか？教えて下さい。

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

  • ベストアンサー
noname#23059
noname#23059
回答No.3

簡単に書きます。 <html> <head> <title>タイトル</title> <script language="JavaScript"> <!-- // function doAction(f) { //入力チェック if (f.txtID.value == "") { alert("IDを入力してください。"); f.txtID.focus() return; } f.action = "XXX.html"; f.submit(); } //--> </script> </head> <body> <form name="frmMain" action="" method="post"> <input type="text" name="txtID" maxlength="10" value=""> <input type="button" name="btnOK" value="送信" onClick="doAction(this.form)"> </form> </body> </html> ボタンのクリックでJavaScriptの関数を呼び出します。 ここでは、この時にフォームを引数で渡してます。 関数内で、テキストのvalueをチェックしてます。 空白で無かった場合、アクションを設定してサブミットしてます。 アクションは最初からform内に書いててもOKです。

その他の回答 (2)

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.2

とりあえず、テキストの抜けだけでしたら以下のような感じで。 一定の条件をつけたりする場合は、classをつかったりすると よいでしょう。 なんどかこの掲示板でもネタがあがっているので 検索してみるとよいでしょう。 ようは、formで要素一つ一つを検証して、問題があったら falseを返し、大丈夫ならtrueを返す。 それをformのonSubmitで受けるとだめなら次のページに いかない、よければ次のページにいくというフローですね。 <script language=javascript> function check(f){ for(var i=0;i<f.length;i++){ if (f[i].type=="text" && f[i].value==""){ alert(f[i].title+"が空欄です"); f[i].focus(); return false; } } return true } </script> <form action="hoge.htm" method="get" onSubmit="return check(this)"> 氏名：<input type="text" name="name" title="氏名"><br> 住所：<input type="text" name="address" title="住所"><br> Eメール：<input type="text" name="email" title="Eメール"><br> <input type="submit" value="送る"> </form>

  • SUPER-NEO
  • ベストアンサー率38% (706/1857)
回答No.1

とり急ぎになりますが、非常にわかりやすく説明されている サイトがございますので、紹介します。

参考URL：
http://www.tohoho-web.com/
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • javascriptで入力禁止文字をチェック

    javascriptで入力禁止文字をチェック 初めて質問させていただきます。 javascriptで入力フォーム（テキストフィールド）に入力された文字列の中に入力禁止文字がないかをチェックしたいとおもっております。 例えば、テキストフィールドに「バカ」「ハゲ」等と入力されており、送信ボタンを押すと「入力禁止文字が含まれています」とアラートが表示されるといったものです。 入力禁止文字がなければ、送信ボタンをクリックし、指定されたURLへジャンプしたいと考えています。 javascriptのソースをお教えいただけたり、参考になるサイトをお教えいただければ助かります。 よろしくお願いします。

  • 送信ボタンを押した後の処理について

    HPB5でメール送信フォームを作成しているのですが、 「送信ボタン」を押した時点で必須項目が空欄の時に エラーメッセージが表示されるページへジャンプしたいと思っています。 要は「送信ボタン」が押されたときに必須項目に文字入力されているか 確認する記述がわかりません。 HTML言語やJavaScriptなどどれを使って良いのかもわかりません。 HTML言語やJavaScriptの知識に非常に乏しい私にできるのでしょうか。 無理なら無理と指摘してください。

    • ベストアンサー
    • HTML
  • Javascriptって...?

    Macユーザーです。ブラウザはNetscapeを使っています。 あるサイトで、アンケートのようなものをやっていたのですが、質問項目を入力した後送信ボタンを何度押しても送信されませんでした。 ボタンを押したときに、ウインドウの一番下に 　JavaScript error: Type "javascript" into Location for details というメッセージが一瞬表示されます。 自宅のPCでは何度やっても同じだったので、大学のコンピュータ室からアクセスしてみましたが、結果は同じでした。どうすればうまく送信できるのか、そしてJavaScriptっていったい何なのか、どなたか教えてください。

  • ＪＡＶＡＳＣＲＩＰＴで送信フォームを作っています

    ＪＡＶＡＳＣＲＩＰＴで送信フォームを作っています。 ラジオボタンだけが値をだしてくれません。 なにか方法はあるのでしょうか。 アンケートにつかいます。 各項目を答えるごとに裏でテキスト化されて最終的に一括送信できるようにします。

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

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

  • Javascript checkboxの入力チェックをしたい

    Javascriptで、checkboxにチェックが入っていない 場合、submitボタンを押した時に、 「○○にチェックが入っていません」との表示を 出すようにしたいと思います。 入力チェック用のスクリプトを教えて下さい。

  • 「Javascript」について教えて下さい。

    「Javascript」について教えて下さい。 友達のホームページのＢＢＳに書き込もうとして送信ボタンを押したら「書き込むにはJavascriptが必要です」と表示された画面に切り替わりました。どうしたらＢＢＳに書き込む事が出来るのでしょうか？？どなたか教えて下さい。

  • JavaScriptによるフォームの入力チェック

    3択のクイズ（ラジオボタン）があり、 ・いずれも選択されていない場合→入力を促すダイアログ表示 ・不正解→残念でしたページ（HTML）へ ・正解→応募ページ（HTML）へ という制御をJavaScriptで記述したいと思っていますが、 なかなかうまくいきません… よろしくお願いいたします。

  • JavaScriptとは？

    メールの送信などはこれが無効になってるとできないとインターネットには書いてありましたが有効になってますそれでもメールを送る送信ボタンを押すとjavascriptとでてきて送れません・・。またyoutubeも開けない状態になっていて困ってます。少しでも良いので分かる方は回答お願いします。

  • 外部JavaScriptがうまく呼び出せません

    お世話になっております。 お分かりになります方いらっしゃいましたら、 ご教授願えますでしょうか？ 人材を募集する応募フォームを作っています。 応募フォームの項目にはいくつか必須項目があり、 送信ボタンを押した際、必須チェックをJavaScriptで 行いたいと思っています。 チェックする項目が多数あるので、直接htmlファイルには書き込まず、 外部jsに書き出して、htmlファイル上で呼び出す方法をとる事にしました。 htmlに直接書き込んだ際にはうまく動いたので、 JavaScriptの内容が悪いのではないと思うのですが、 送信ボタンを押しても、必須項目がチェックされず、 そのまま項目が空のメールが届いてしまいます。 以下に該当のコードを記入いたしますので、 原因がお分かりになります方、ご教授頂いてもよろしいでしょうか？ ・外部js：oncheck.js ・cgi：send.cgi 【oncheck.js】 <!-- function check(){ ・ (必須項目のチェックを行っています) ・ } //--> 【htmlファイル】 <html> <head> <title>採用情報</title> <script language=JavaScript src="oncheck.js" type=text/javascript> </script> </head> <body> <h3>応募フォーム</h3> <form method="POST" action="send.cgi" name="応募フォーム" onSubmit="return check()"> ・ ・ ・ <input type="submit" value=" 送信 "> <input type="reset" value=" 取消 "> </form> </body> </html> 呼び出し方に問題があるのでしょうか？ 宜しくお願い致します。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する