質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
CakePHP

CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

3662閲覧

cakePHP3で入力フォームをモーダル表示させながらページ遷移させたい

shintec

総合スコア15

CakePHP

CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2017/06/07 12:29

cakePHP3で入力フォーム(入力→入力チェック→確認ページ→サンクスページ)を全てモーダルで表示させたいのですが、どのようなやり方をするといいのかわからない状態です。
特にページ遷移などどのようにするのかわかりません。
どのようなやり方があるのかご教示お願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

特にソース等の提示がないので1つの考え方として回答させていただきます。

モーダルをあげたままをお望みであればページ遷移は不要なのではないでしょうか。
入力→入力チェックもjsで行いチェックOKの場合は確認用フォーム(HTML)をjsで作って書き換え
確認ページでOK押したら何をするのかわかりませんが、保存したりメール送信するのであれば入力内容をAjaxでサーバーサイドのプログラミング言語に渡して処理をしてOKであればサンクスページ用のフォーム(HTML)を作って書き換え。

「htmlでjsを作って書き換え」の部分は先に作っておいてhiddenにしておき、都度取得して差し替えでもいいですね。

投稿2017/06/07 12:43

m.ts10806

総合スコア80850

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

shintec

2017/06/07 13:18

なるほどですね。 しかし、メールアドレスの重複チェックがありますので、その部分だけは、一旦サーバーでDBとのチェックを行わなければなりません。その時の画面遷移の流れはどのようにするといいのでしょうか。お願い致します。
m.ts10806

2017/06/07 13:47

メールアドレスの重複チェックのみAjaxでPHP側でチェックすれば良いと思います。 cakePHP利用されてるとのことですし、入力内容すべてAjaxでPHPに渡して入力チェックを全てサーバー側で行い、エラーの有無と有の場合はエラーメッセージをJSONか何かの形式で受け取ってエラーメッセージを表示。 入力チェックとはいえ、入力項目の不備があれば入力画面を再表示させるので本来画面遷移は必要ないですしね。
shintec

2017/06/07 13:52

ありがとうございます。 理解できました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問