JavaScriptを使って、お問い合わせフォームのメールアドレスの整合性をチェックする方法

このQ&Aのポイント
  • 初心者がホームページ作成を勉強している中で、お問い合わせフォームの作成に取り組んでいます。メールアドレスの入力時に、2度入力することで間違いを防ぐための機能を実装したいのですが、JavaScriptを使ってどのように記述すればよいでしょうか?
  • ホームページビルダー8を使用しており、どの位置にJavaScriptコードを挿入すればよいかも分かりません。皆様のご意見をお聞きしたいです。
  • 質問者はJavaScript初心者であり、お問い合わせフォームでメールアドレスの整合性をチェックする方法を学びたいと思っています。ホームページビルダー8を使用しているため、JavaScriptコードの挿入位置についてもアドバイスをいただけると助かります。
回答を見る
  • ベストアンサー

JavaScriptを使って、整合する方法

今回、初めてご質問させていただきます。 宜しくお願い致します。 私は、まだ初心者なのですが、HP作成を勉強しております。 いまcgiを使って、お問い合わせフォームを作りたいと思ってるのですが、一つわからないことがあります。 例えば、メールアドレスを入力する際、よく間違い防止の為に、2度入力する事がありますが、私も同様に設定したいのですが、整合方法がわかりません。 入力が相違する場合は、エラーを返したいと思うのですが、JavaScriptでどのように記述したらよろしいでしょうか? 「お客様のメールアドレス」と、「メールアドレス再入力」という項目がありますが、この2つを整合できるようにJavaScriptで設定したいです。 ホームページビルダー8を使用しておりますが、タグの中の、どの位置に挿入したらいいかもわからないので、どうか皆様、宜しくお願い致します。

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

  • ベストアンサー
  • s_doc
  • ベストアンサー率24% (93/377)
回答No.1

ソースコードで言うと、 こういうのが入ればいいと思うんですけど。 <FORM onSubmit="if(this.Address1.value!=this.Address2.value){alert('違うよ');return(false)}"> ;<INPUT TYPE=text NAME=Address1> ;<INPUT TYPE=text NAME=Address2> ;<INPUT TYPE=submit VALUE="比較"> </FORM> 手元にホームページビルダーがないので、 onSubmitオプションを入れる方法など未確認です。

Understudy
質問者

お礼

ご回答ありがとうございます! 一度やってみます。

関連するQ&A

  • JavaScriptとCGIを使って。

    フォームメールを受け取る時にCGIを使っているのですが、入力項目を入れる時にリターンキーを2度押されたりして不完全な状態でメールが送られてきます。 そこで、リターンキー2度押し防止でJavaScriptを使ってAlertを表示させて、「OK」ならCGIにデータを渡し「キャンセル」なら入力画面に戻るようにしようと挑戦してみたのですが、<form action="***.cgi" method="POST">の行の働きが優先されるのか、「キャンセル」を押してもデータがCGIに渡され送信されてしまいます。 CGIに渡される前の状態でJavaScriptで「OK」「キャンセル」を選びCGIにデータを渡すか戻るかの判断が出来るようにしたいのですがどなたかご存知でしたら教えて下さい。

  • PGD WORKSのフリーメールフォームをお使いの方に質問です。メール

    PGD WORKSのフリーメールフォームをお使いの方に質問です。メールアドレスの入力確認用と2回入力してもらい 比較させて 相違があれば エラー表示させるよう改造したいのですが、方法が解りません。どなたか教えてください。cgiかJavaScriptで出来ますか?

    • ベストアンサー
    • CGI
  • フォームに入力されたお客さんのアドレスが前の文字にくっついて困っています

    事業のホームページの管理をしています。 そのホームページに、お客さん用の「フォーム」のページを設けて、問い合わせの内容を入力してもらっています。 ホームページ・フォーム(cgi)は、レンタルサーバに設置していて、問い合わせは、メールで設定通り送信されるのですが、問い合わせ内容の一つのメールアドレスが前の文字「=」(半角)にくっついて一体化してしまいます。 このメールアドレスをクリックすると送信用のウィンドウ(メッセージの作成)が起ち上がり、「宛先」欄にこのメールアドレスが記入されてしまいます。 「フォーム」から送信されてくる内容は、     ・     ・ メールアドレス=○○○@○○○.ne.jp そして、この「=○○○@○○○.ne.jp」がアドレスとして認識されます。 つまり、お客さんは、「○○○@○○○.ne.jp」と入力しているのに、「=」がこのアドレスにくっついて違うアドレスになってしまいます。 この一体化したアドレスは、ばらすこともできず、手間がかかります。 メーラーは、Outlook Express6を使用しています。 また、フォーム送信のcgiは、レンタルサーバが用意しているものを使用し、サーバのサイトから「項目」などの内容を設定しています。 フォームのページは、ホームページビルダーV8で自分で作りました。 「フォーム」からの送信は、 ○○○=メールアドレス という形式が多いと思うのですが、皆さんはどのようにされているのでしょうか? アドレス入力の際、1文字空けてから入力してもらえれば、「=」にくっつくことはありませんが、お客さんにこのような手間をかけてもらうのは恐縮します。 何か良い方法があれば、教えて頂けないでしょうか。

  • ホームページビルダーV11 ロリポップCGI設定方法

    今、現在ホームページビルダーV11を使っています。 サーバーとメールアドレスはロリポップです。 ビルダーで「挿入」→アンケートでメールフォームを作りました。 送信にメールをリンクしても電子メールになるので ロリポップのCGIを使ってみたいのですが設置方法が分かりません。 ビルダーの「その他の CGI を使用する場合」から設置するのでしょうか? 誰か教えて下さい。><

  • JavaScriptとCGIを用いてメールフォームで・・・

    JavaScriptとCGIを用いてメールフォームで、 相手のホストとIPアドレスを同時に送信させたいの ですが、やり方が分かりません。 教えて頂けますか?

  • javascriptで申し込みフォームを作るメリットは?

    こんにちは。まったくの初心者の質問で恐縮です。 今回は、発生した問題を解決したいというより、 問題発生にあたって、自分の無知さを感じ、 webの常識ってどうなっているのだろう?と知りたくなり、 質問させていただいた次第です。 【背景】 BROBAというコンテンツ配信サービスに申し込もうと思った。 どうやら、申し込みフォームがjavascriptで制御されているらしい。 【問題発生】 ・出て来るウインドウは、大きすぎて、タスクバーを見えないように押し込め ないと、全体が表示できない。 ・やっと入力して、いざ申し込みボタンを押しても、 「ページが表示されません」と出てしまう。 【疑問発生】 ・出て来るウインドウが大きすぎるのは、私の使用しているモニターが  小さく、(15インチ)製作者が動作確認したモニターが大きかった  ためか? ・申し込みフォームを送信した時、ページが表示されないと出るのは、  javascriptならではの事なのか。CGIならこんな事は起こらないのか。 ・申し込みフォームなどは、CGIとかいうもので作られるのかと  思っていたのですが、javascriptで作るメリットってあるのでしょうか。  逆にデメリットもあるのでしょうか? 以下は、同様にjavascriptの問い合わせフォームで、15インチモニターで 全表示できないものです。文章ではうまくご説明できませんので、 ご参考にお願い致します。 http://www.broba.cc/guide/inq.html 最終行「お問い合わせフォーム こちら からお問い合わせください。 」 の「こちら」のリンク。 何卒、宜しくお願い致します。

  • メアド確認をしてから送信するフォームメールのCGI

    フリーのCGIプログラムを探しています。 利用者に最初にメールアドレスを入力してもらい、 そのメールに記載されたURLをクリックするとメールフォームのページが開くというCGIです。 これならメールアドレスの間違いが防止できると思いますので、どなたかご存じでしたら教えてください。 よろしくお願い致します。

    • ベストアンサー
    • Perl
  • 勝手に白紙のメールが送信されてしまう。

    お問い合わせフォームにPerlのsendmailを使用しています。JavaScriptとCGIの両方で入力制限をかけ、未入力があると送信できないような設定にしてあるのですが、全て白紙(未入力)のメールが送られてきてしまいます。制限をかけているので、送られてくるはずはないと思うのですが…。制限の仕方が甘いのでしょうか?このようなことはあるのでしょうか?

    • 締切済み
    • CGI
  • Javascript

    Javascript HTMLもソフトも初心者でJavascriptの本は初めて見ています。 Javascriptの本を見ながら、書いてあるプログラムを入力をしてみているのですが、 一定の時間ごとに画像を入れ替えるというのや、 ある部分にポインタを合わせると別の画像に変わるというのがありました。 こういう画像を入れ替えるというのはHTMLとか、Dreamweaverやホームページビルダーなどのソフトでは出来ないものですか? もしJavascriptでなくてもできるのであれば、なにか利点や欠点はありますか? Javascript以外の言語(よく知らないのですがPHPやPerlやCGI)でも同じことはできますか? よろしくお願いします。

  • ホームページビルダー19 SP SGI設定方法

    ものすごく困っております。 どなたかお助けください、、、 ホームページビルダー19 SPにて問い合わせフォームをテンプレートより作成しました。 WEBサイト内で必要項目を記入して送信ボタンを押せば、 その内容が指定したメールアドレスに送られるようにしたいです。 しかし、こちらを機能させるには、CGIプログラムが必要とのこと。 契約しているレンタルサーバーではCGIプログラムを提供しておらず、 フリーCGIプログラムなどでプログラムをアップロードし、CGI設定を行ってくださいとの事です。 (※因みにサーバーはロリポップさんのエコノミープランです) フリーCGIプログラムのPost mailをダウンロードしましたが、 どのように自作サイトに組み込み、アップロードするのか分かりません。 アップロード後の設定も分かりません。 下記、フォームの設定で何を記載すればいいのかも分かりません。 http://support.justsystems.com/faq/1032/app/serv … どなたか、ご教授いただけないでしょうか。 何卒、宜しくお願い申し上げます。

    • 締切済み
    • CGI

専門家に質問してみよう