JavaScript初心者です。よろしくお願い致します。
JavaScriptを使用してメールフォームを作成しています。
「送信」ボタンを押した後、必須項目確認はJavaScriptで作成できました。
「送信」ボタンを押した後、「送信完了」画面(別ページに飛ぶ設定)もJavaScriptで作成できました。
しかし【どちらの動作も一緒に設定】しようとすると上手く動いてくれません。
FORMのonSubmit設定+「送信」ボタン自体に「送信完了」のアラート表示する方法も試してみたのですが「送信完了」アラートが先にでてしまったり…。
「送信完了」の方法は別ページリンクでもアラートでもかまいません。
必須項目+最後に「送信」を押して、送信された後の何かリアクションを入れる方法を探しています。
教えて!Gooも初心者で何か失礼がありましたら申し訳ありません!どうかよろしくお願い致します。
No.3ベストアンサー
- 回答日時:
#2です。
メーラーを起動するタイプなんですね。
ちょっと勘違いしてました。
「送信完了」画面がCGIで、そのCGIによってメール送信していると思ったので。
フォームタグを
<form action="mailto:●@メールアドレス●" method="post" Accept-charset="shift_gis" Enctype="text/plain" name="myform">
サブミットボタンを
<input type="button" name="button" value="送信" onClick="Check();" />
入力項目確認ファンクションを
function Check(){
if(document.myform.name.value==""){
alert("名前を入力してください。");
return false;
}
if(document.myform.email.value==""){
alert("メールアドレスを入力してください。");
return false;
}
document.myform.submit();
location.href="送信完了画面アドレス";
}
に変えてお試しあれ。
No.2
- 回答日時:
<form method="post" action="送信完了画面アドレス" onSubmit="必須項目確認ファンクション">
とタブを書いて、必須項目確認ファンクションでエラーが合った場合、Falseを返せばいけるかと。
function 必須項目確認(){
var errflg;
(項目確認)
if(errflg){
return false;
}else{
return true;
}
}
この回答への補足
お返事感謝いたします。
早速チャレンジしてみました。ありがとうございます。
今の状態はactionにメールアドレスをいれてそのアドレス場所に送信しようとしています。
↓
--------------
<form action="mailto:●@メールアドレス●" method="post" Accept-charset="shift_gis" Enctype="text/plain" name="myform" onSubmit="return Check()">
function Check(){
if(document.myform.name.value==""){
alert("名前を入力してください。");
return false;
}
if(document.myform.email.value==""){
alert("メールアドレスを入力してください。");
return false;
}
return true;
}
--------------
この場合、action="送信完了画面アドレス" を入れてしまうと
「送信先のメールアドレスはどこに?」となってしまって
私のJavaScript初心者の頭がそこで止まってしまいました。
この場合最終送信先はどこに設定すればよいでしょうか。
もしかすると物凄く変な事をお聞きしているかもしれません。すみません。
No.1
- 回答日時:
HTMLでメールを送信するには、PHPやCGIという
サーバー側のプログラムが必要です。
javascriptではがんばっても送信はできませんので
ご要望の命題を満たす機能はむずかしいと思います。
ちなみに単純に場合分けだけわかればいいのであれば
必須確認ページに飛ばし、必須事項がみたされていれば
そのまま送信ページに飛ばすというフローで
大丈夫だと思います。
お返事感謝いたします。
CGIにしたかったのですが、いろいろな問題からヤメになってしまったので、そのままメールアドレスにリンクする方法を薦めましたが、フォームがよいということでサーバー側のプログラムなしで簡単フォームを作成しようとしています。
やはり無茶でしょうか…。
> 必須確認ページに飛ばし
なるほど…検索してみたらjavascriptで一度必須確認ページ作成の仕方が掲載されていたのでチャレンジしてみます。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 助けてください!スパムメールがとんでもなく大量に届きます。 3 2023/08/10 16:32
- その他(メールソフト・メールサービス) Windows10付属のメール、なぜ設定が劇的に簡単になったのか? 1 2022/12/16 13:14
- Google Drive グーグルフォームについて 1 2022/04/23 02:34
- docomo(ドコモ) 携帯 arrows we の操作 4 2023/03/29 18:53
- ホームページ作成・プログラミング メールフォームで送信すると「通信に失敗しました。ページの再読み込みを...」で送信できません。 2 2023/05/26 18:11
- Outlook(アウトルック) Windows11にしてからOutlook2019がすぐに固まってしまう件に関して。 2 2023/01/21 11:52
- Visual Basic(VBA) VBAでoutlook365が起動しません。 4 2022/08/25 13:31
- その他(メールソフト・メールサービス) 大阪市プレミアム付き商品券のweb申し込みで楽天モバイルのEメールだと返信メールが届かない 2 2022/09/19 17:08
- その他(プログラミング・Web制作) google formsを使ったタスク依頼フォーム作成におけるご相談 1 2023/06/22 15:55
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタン2回押しを無効にしたい
-
submitボタンの無効化処理について
-
javascriptで二重送信防止
-
VBSでブラウザ上のテキストボッ...
-
submitするとなぜか2度実行する
-
VBScript
-
ボタンを押すとチェックボック...
-
confirm()で表示したダイアログ...
-
フォーム内で記入したクエリ送...
-
jQueryで特定のチェックボック...
-
jsで質問です。 ボタンが二つ存...
-
ホームページビルダーでメール...
-
onClick="this.form.submit
-
メールフォーム:「必須項目」...
-
JavaScriptにおいてPOSTで送信...
-
onchangeイベントを強制的に発...
-
プルダウン選択を変更すると、...
-
return trueとreturn falseの用...
-
チェックボックスのON/OFFでVal...
-
<JavaScript>tableタグを入力不...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタン2回押しを無効にしたい
-
VBSでブラウザ上のテキストボッ...
-
submitするとなぜか2度実行する
-
フォーム内で記入したクエリ送...
-
ボタンを押すとチェックボック...
-
disabled プロパティが表示され...
-
confirmのOK・キャンセルを押し...
-
onClick="this.form.submit
-
onclickで2個指定するには?
-
onclickをEnterキーでも行いたい
-
confirm()で表示したダイアログ...
-
印刷プレビュー後のウィンドウ...
-
送信フォームで送信ボタンをお...
-
HTAで、こんなボタンが作りたい。
-
確認ダイアログの出し方(JavaS...
-
shiftキーを押しながらコマンド...
-
jsで質問です。 ボタンが二つ存...
-
formで複数のボタンからひとつ...
-
メッセージボックスで「はい」...
-
JavaScriptにおいてPOSTで送信...
おすすめ情報