teratail
回答率
85.47%
質問するログイン新規登録
トップPHPに関する質問PHPを使ってフォームの実装

編集履歴

質問編集履歴

3

コードの修正

2022/02/16 07:35

投稿

daiki0919
daiki0919

スコア2

test CHANGED
File without changes
test CHANGED
@@ -1,17 +1,23 @@
1
+ ### 前提・実現したいこと
2
+
1
3
  現在PHPを使ってフォームを作成しているのですが、送信ボタンを押した時に確認ページに飛ばし内容確認した後フォーム送信完了というページを作成しています。
2
4
 
3
5
  contact.php → confirm.php → complete.phpという流れです。
4
6
 
7
+ どなたか分かる方いましたらご教授お願い致します。
8
+
9
+
10
+ ### 発生している問題・エラーメッセージ
11
+
12
+
5
13
  現状、contact.phpのフォーム画面にあります送信を押すとjsファイルで書いたアラートメッセージしか表示されずcomfirm.phpファイルに遷移されません。
6
14
 
15
+
7
- どなたか分かる方いましたらご教授お願い致します。
16
+ ### 該当のソースコード
8
-
9
-
17
+
10
- ```ここに言語を入力
18
+ ```ここに言語名を入力
11
- コード
19
+ ソースコード
12
-
13
-
14
- contact.php
20
+ ```contact.php
15
21
 
16
22
 
17
23
 
@@ -156,17 +162,9 @@
156
162
  </body>
157
163
  </html>
158
164
 
159
-
160
-
161
-
162
-
163
-
164
-
165
-
166
- ```ここに言語を入力
165
+ ```
167
-
168
-
166
+
169
- confirm.php
167
+ ```confirm.php
170
168
 
171
169
 
172
170
 
@@ -224,14 +222,8 @@
224
222
  </html>
225
223
 
226
224
 
227
-
228
-
229
-
230
- ```ここに言語を入力
231
- コード
225
+ ```
232
-
233
-
234
- contact.js
226
+ ```contact.js
235
227
 
236
228
 
237
229
 
@@ -241,3 +233,4 @@
241
233
  }
242
234
  }
243
235
 
236
+
PHPHTMLCSS

2

コードの追記

2022/02/15 08:12

投稿

daiki0919
daiki0919

スコア2

test CHANGED
File without changes
test CHANGED
@@ -164,10 +164,6 @@
164
164
 
165
165
 
166
166
  ```ここに言語を入力
167
- コード
168
- ```
169
-
170
-
171
167
 
172
168
 
173
169
  confirm.php
@@ -233,9 +229,6 @@
233
229
 
234
230
  ```ここに言語を入力
235
231
  コード
236
- ```
237
-
238
-
239
232
 
240
233
 
241
234
  contact.js
PHPHTMLCSS

1

2022/02/15 08:11

投稿

daiki0919
daiki0919

スコア2

test CHANGED
File without changes
test CHANGED
@@ -12,6 +12,9 @@
12
12
 
13
13
 
14
14
  contact.php
15
+
16
+
17
+
15
18
 
16
19
  <?php
17
20
  session_start();
@@ -101,7 +104,7 @@
101
104
  </dl>
102
105
  <dl>
103
106
  <dt>
104
- <label for="email">メールアドレス</label>
107
+ <label for="mail">メールアドレス</label>
105
108
  <span class="required">*</span>
106
109
  </dt>
107
110
  <dt>
@@ -121,7 +124,7 @@
121
124
  </dd>
122
125
  </dl>
123
126
  <h3>
124
- <label for="contact">
127
+ <label for="body">
125
128
  お問い合わせ内容をご記入ください。
126
129
  <span class="required">*</span>
127
130
  </label>
@@ -157,7 +160,18 @@
157
160
 
158
161
 
159
162
 
163
+
164
+
165
+
166
+ ```ここに言語を入力
167
+ コード
168
+ ```
169
+
170
+
171
+
172
+
160
- comfirm.php
173
+ confirm.php
174
+
161
175
 
162
176
 
163
177
  <?php
@@ -192,15 +206,15 @@
192
206
  <p>内容を訂正する場合は戻るを押してください。</p>
193
207
  <dl class="confirm">
194
208
  <dt>氏名</dt>
195
- <dd><?php echo htmlspecialchars($post['name']); ?></dd>
209
+ <dd><?php echo htmlspecialchars($_SESSION["name"]); ?></dd>
196
210
  <dt>フリガナ</dt>
197
- <dd><?php echo htmlspecialchars($post['kana']); ?></dd>
211
+ <dd><?php echo htmlspecialchars($_SESSION["kana"]); ?></dd>
198
212
  <dt>電話番号</dt>
199
- <dd><?php echo htmlspecialchars($post['tel']); ?></dd>
213
+ <dd><?php echo htmlspecialchars($_SESSION["tel"]); ?></dd>
200
214
  <dt>メールアドレス</dt>
201
- <dd><?php echo htmlspecialchars($post['email']); ?></dd>
215
+ <dd><?php echo htmlspecialchars($_SESSION["mail"]); ?></dd>
202
216
  <dt>お問い合わせ内容</dt>
203
- <dd><?php echo htmlspecialchars($post['contact']); ?></dd>
217
+ <dd><?php echo htmlspecialchars($_SESSION["body"]); ?></dd>
204
218
  <dd class="confirm_btn">
205
219
  <button type="submit">送 信</button>
206
220
  <a href="contact.php">戻 る</a>
@@ -213,3 +227,24 @@
213
227
  </body>
214
228
  </html>
215
229
 
230
+
231
+
232
+
233
+
234
+ ```ここに言語を入力
235
+ コード
236
+ ```
237
+
238
+
239
+
240
+
241
+ contact.js
242
+
243
+
244
+
245
+ const func1 = () => {
246
+ if(( document.querySelector('#name').value.length ) || ( document.querySelector('#kana').value.length ) || ( document.querySelector('#tel').value.length ) || ( document.querySelector('#email').value.length ) || ( document.querySelector('#contact').value.length )){
247
+ alert('氏名は必須入力です。10文字以内で入力してください。\nフリガナは必須入力です。10文字以内で入力してください。\n電話番号は0-9の数字のみで入力してください。\nメールアドレスは正しく入力してください。\nお問い合わせ内容は必須入力です。');
248
+ }
249
+ }
250
+
PHPHTMLCSS