フォームメールを受け取る時にCGIを使っているのですが、入力項目を入れる時にリターンキーを2度押されたりして不完全な状態でメールが送られてきます。
そこで、リターンキー2度押し防止でJavaScriptを使ってAlertを表示させて、「OK」ならCGIにデータを渡し「キャンセル」なら入力画面に戻るようにしようと挑戦してみたのですが、<form action="***.cgi" method="POST">の行の働きが優先されるのか、「キャンセル」を押してもデータがCGIに渡され送信されてしまいます。
CGIに渡される前の状態でJavaScriptで「OK」「キャンセル」を選びCGIにデータを渡すか戻るかの判断が出来るようにしたいのですがどなたかご存知でしたら教えて下さい。
No.1ベストアンサー
- 回答日時:
テキストボックスでリターンキーを押したり、SUBMITボタンを押した時に発生する「送信イベント」を制御するには、FORMタグのonSubmitに細工をします。
onSubmitから、TRUEを返せば送信、FALSEを返せばキャンセルとなりますので、ここでconfirmメソッドを使えばOKです。
<FORM action="***" … onSubmit="return window.confirm('送信しますか?')">
さっそくの回答ありがとうございます。
教えて頂いた通りに書き換えた所出来ました。
これを弾みにさらに(自分にとっては)難しい部分に挑戦していきたいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- CGI htmlからパラメータで、cgiに渡したい。 1 2023/02/06 16:15
- ホームページ作成・プログラミング CGIが実行可能なHP領域又はレンタルサーバーでおすすめの所を教えてください 現在ホームページ領域の 1 2023/01/01 11:47
- CGI CGIで出力するhtmlの<!DOCTYPE html>等のタグは要りますか? 2 2023/02/05 21:26
- CGI (フリーの)ツリー掲示版CGI、昔は多用させてもらいましたが・・今セキュリティ上どうでしょう? 2 2023/06/25 07:18
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- CGI CGIが読み書きするデータファイルのパーミッションはさくらのインターネットでは何にするべき? 1 2023/05/02 16:44
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- CGI htmlからcgiを自動的に起動させたい 1 2023/02/21 19:39
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プログラムについて。
-
スマホ上で、左右スワイプで次...
-
初心者です。gulpでコンパイル...
-
プログラムがうまく動きません...
-
jsで質問です。 displayプロパ...
-
【Google Apps Script】「ライ...
-
console.logがどうしても2つ機...
-
指定時間になったら、WEBサイト...
-
Googleフォームで選択肢に応じ...
-
セレクトを全て選択されていな...
-
イラストレーター、縦中横のシ...
-
sessionStorageを調べています。
-
コードレビューをお願いします。
-
セレクトボックスで配列を呼び...
-
jsで、配列内の文章を改行する...
-
jQueryで同じクラス名のものを...
-
HTMLタグに複数のクラスを設定...
-
コードレビューをお願いします。
-
IndexedDB を使ってファイルア...
-
画面遷移を行わずに同一ページ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
-
jsで質問です。 displayプロパ...
-
画面遷移を行わずに同一ページ...
-
Googleフォームで選択肢に応じ...
-
特定の文字列を複数抜き出した...
-
フロントエンドフレームワーク...
-
変数名をどのようにつけるのが...
-
【JS】selectでchangeした時の...
-
React hooksが値を返して配列変...
-
オブジェクトから任意のプロパ...
-
指定時間になったら、WEBサイト...
-
Colorboxがうまく設置できません
-
二次元配列の中の各行の要素を...
-
読み込んだQRコードをフォーム...
-
IndexedDB を使ってファイルア...
-
HTMLで作った時報アプリが動き...
-
GASに文字列として関数を入れる...
-
GASでGoogleフォームの自動返信...
-
①入力フォーム→②確認表示画面→③...
おすすめ情報