![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
No.1ベストアンサー
- 回答日時:
画面内に、回答の入力フォームを追加 (<form> 要素)
入力フォーム内の "確認" ボタンが押されたら (submit イベント)
→ 入力フォームを非表示 (CSS display などを使用)
→ 画面内に、回答の確認フォームを追加
→ 入力フォームから確認したい内容を確認フォームに書き込み
(ここで非同期 GET 送信して正常性確認した結果も書くと親切)
確認フォーム内の "戻る" ボタンが押されたら
→ 入力フォームを表示
→ 確認フォームを削除
確認フォーム内の "送信" ボタンが押されたら (submit イベント)
→ 入力フォーム内容を非同期で POST 送信 (Fetch API などを使用)
→ 送信成功なら、
→→ 入力フォームと確認フォームを消去
→→ 画面内に、送信済の回答文ブロックを追加 (<section> 要素など)
→→ 画面内に、新たな回答の入力フォームを追加
→ 送信失敗なら、
→→ 画面内に、失敗した旨のお詫びブロックを追加
参考)
https://developer.mozilla.org/ja/docs/Web/API/HT …
https://developer.mozilla.org/ja/docs/Web/CSS/di …
https://developer.mozilla.org/ja/docs/Web/API/Fe …
回答ありがとうございます。
アドバイス頂いたように組んでみたのですが、意図が分からずどのように実装すれば良いかアドバイスお願い致します。
非同期 GET 送信して正常性確認した結果も書く ← これは何をすれば良いのでしょうか?
sample.php が最新コードになります。
※アドバイス頂きたい内容
→ 画面内に、回答の確認フォームを追加
→ 入力フォームから確認したい内容を確認フォームに書き込み
(ここで非同期 GET 送信して正常性確認した結果も書くと親切)
※最新コード
https://wandbox.org/permlink/LNuot040YUwMX0dP
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画面遷移を行わずに同一ページでHTML表示を切り替えたい 3 2023/10/07 20:52
- JavaScript javascriptとPHPで入力フォームのコードを書いているのですが、 流れとしては、①入力フォー 2 2021/12/02 09:18
- Java java初心者です。 画面Aで情報を入力し、保存しないまま画面Bに遷移して、画面Aに戻ってきた時に、 3 2021/11/17 19:14
- PHP 掲示板のセキュリティについてアドバイスお願い致します 1 2023/08/11 20:44
- PHP php 入力画面から確認表示画面へ情報の受け渡しについて。 1 2023/06/07 18:00
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- PHP php 確認表示画面で値をSESSIONから取り出す理由の解釈は正しいでしょうか? 1 2023/06/09 17:39
- Yahoo!メール ヤフーメールの確認コード 1 2021/11/18 16:02
- Chrome(クローム) Chrome で教えて! goo だけが時々エラーになる 5 2021/11/30 16:26
- メルカリ らくらくメルカリ便 発送伝票作成について 2 2021/11/30 22:46
このQ&Aを見た人はこんなQ&Aも見ています
-
プロが教えるわが家の防犯対策術!
ホームセキュリティのプロが、家庭の防犯対策を真剣に考える 2組のご夫婦へ実際の防犯対策術をご紹介!どうすれば家と家族を守れるのかを教えます!
-
IndexedDB を使ってファイルアップロード可能な掲示板を非同期通信で作成したい
JavaScript
-
非同期通信で掲示板を作る際の送信画面はフォームである必要はありますでしょうか?
AJAX
-
javascriptでbgmを自動再生する方法を教えてください。
JavaScript
-
-
4
javascriptの値をformのinput hiddenに入れたい
JavaScript
-
5
[初心者]javascriptのfor文でなぜか繰り返し処理をしない。理由がわかりません。
JavaScript
-
6
【JavaScript?HTML?】Webページでこのページは戻ることは出来ませんと表
JavaScript
-
7
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
8
ボタンが押されたらWebページの文字コードを 変える、というプログラミングを書きたいです。 目的は文
HTML・CSS
-
9
var exports = exports || {}; ← この意味を教えてください。
JavaScript
-
10
テーブルのセルデータを自動改行させずに、はみ出た部分は切り捨てたい
HTML・CSS
-
11
フロントエンジニアで一人前といわれるレベルの画面
HTML・CSS
-
12
WordPressで掲示版を無料で自分で作るのって、ホームページ制作知識ほぼ0(ゼロ)の素人でも可能
WordPress(ワードプレス)
-
13
React hooksが値を返して配列変数に格納するメカニズム
JavaScript
-
14
htmlの修正方法を教えていただきたいです。
HTML・CSS
-
15
htmlのエラーについて(デバッグ)
PHP
-
16
フォルダを自動作成・移動を複数ファイルに対して行うバッチ処理について
その他(プログラミング・Web制作)
-
17
css初心者 フレックスボックスの適用を一部適用除外したいですが方法が分かりません。
HTML・CSS
-
18
pythonに自分で作ったHTMLを、入れたいのですが、どうやったらいいのですか? おしえてくださ
HTML・CSS
-
19
【JS】selectでchangeした時のデータを外の変数で保持するには?
JavaScript
-
20
PythonのTkinter詳しい方へ。画像や言葉の意味を答える3択クイズを作るのに手間取っています
その他(プログラミング・Web制作)
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フォームに入力した内容をXMLに...
-
値だけ送信してページは遷移さ...
-
php 確認表示画面で値をSESSION...
-
PHPでメール入力画面→送信完了...
-
掲示板のセキュリティについて...
-
ワードプレスプラグイン MW WP ...
-
ウェブサイト上のボタンを自動...
-
ヤフージャパンへの問合せ 「次...
-
ビジネスメールの敬称
-
エクセルVBA テキストボックス...
-
お問い合わせフォームから送信...
-
ACCESS テキストボックスの入力...
-
TextBoxから数字が文字...
-
アクセスのマクロ
-
初歩的な事だと思います。 Sub...
-
入力モードを自動的に半角カタ...
-
数字以外の入力をエラーにする...
-
EXCEL VBA で指定した範囲に入...
-
vbaで同じテキストボックスを繰...
-
https://~~/index.asp アド...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlからbatファイルを起動する
-
アイフォン使ってたらちょくち...
-
非同期通信で掲示板を作る際の...
-
php 確認表示画面で値をSESSION...
-
掲示板のセキュリティについて...
-
値だけ送信してページは遷移さ...
-
ワードプレスプラグイン MW WP ...
-
ウェブサイト上のボタンを自動...
-
WordPressで画面還移なしの掲示...
-
メール送信フォームとhistory.b...
-
ページ移動した場合の、フォー...
-
VB2005 複数のフォームを同時...
-
docomoのsimロック解除について
-
他のPCにメッセージを表示
-
戻ると入力したフォームの内容...
-
PHP 確認画面から入力画面に戻...
-
大学の出欠確認でQRコードを読...
-
メールフォームの確認画面が表...
-
ヤフージャパンへの問合せ 「次...
-
ひとりひとり異なるURLを与える...
おすすめ情報