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

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

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

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

jQuery

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

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

0回答

895閲覧

form送信ボタン押しても現在の表示がキープできるようにしたい。

fuyukixxx

総合スコア26

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

jQuery

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

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2020/09/27 10:05

編集2020/09/28 09:01

formで送信ボタン押して、input要素3項目打ち込まなければエラー表示がでて、全項目打ち込んだら次のページにリンクするようにしたいのですが、3項目打ち込まずにsubmitした時ページの先頭に戻るのを避けたかったのでjqueryで記述したら表示はキープされるようになったのですが、エラー表示に対応したPHP側が反応しなくなりました。どうしても原因がわからなく解決方法を教えていただきたいです。

PHP

1<?php 2if (!empty($_POST)) { 3 if ($_POST['name'] === '') { 4 $error['name'] = 'blank'; 5 } 6 7 if ($_POST['email'] === '') { 8 $error['email'] = 'blank'; 9 } 10 11 if ($_POST['message'] === '') { 12 $error['message'] = 'blank'; 13 } 14 15 if (empty($error)) { 16 header('location: confirm.php'); 17 exit(); 18 } 19} 20 21$position = 0; 22if (isset($_REQUEST['position']) === true) { 23 $position = $_REQUEST['position']; 24} 25?>

HTMLjQuery

1 <form id="form" action="" method="POST"> 2 <div class="form-content mt-5"> 3 <div class="form-left "> 4 <div class="form-group"> 5 <input type="text" class="form-control" name="name" placeholder="名前" 6 value="<?php echo htmlspecialchars($_POST['name'], ENT_QUOTES)?>"> 7 <?php if ($error['name'] === 'blank') :?> 8 <p class="text-danger">* 名前を入力してください</p> 9 <?php endif; ?> 10 </div> 11 <div class="form-group mt-5"> 12 <input type="text" class="form-control" name="email" placeholder="メールアドレス" 13 value="<?php echo htmlspecialchars($_POST['email'], ENT_QUOTES)?>"> 14 <?php if ($error['email'] === 'blank') :?> 15 <p class="text-danger">* メールアドレスを入力して下さい</p> 16 <?php endif; ?> 17 </div> 18 </div> 19 <div class="form-right"> 20 <div class="form-group"> 21 <textarea class="form-control" name="message" placeholder="お問い合わせ" 22 rows="10"><?php echo htmlspecialchars($_POST['message'], ENT_QUOTES)?></textarea> 23 <?php if ($error['message'] === 'blank') :?> 24 <p class="text-danger">* 本文を入力して下さい</p> 25 <?php endif; ?> 26 </div> 27 </div> 28 </div> 29 <input name="position" type="hidden" value="0"> 30 <input type="submit" name="submit" value="上記の内容で送信する" class="text-center " id="button"> 31 </form> 32 </div> 33 </div> 34</div> 35 36<script> 37$(document).ready(function() { 38 window.onload = function () { 39 $(window).scrollTop(<?php echo $position; ?>);} 40 41 $("input[type=button]").click(function() { 42 43 var position = $(window).scrollTop(); 44 $("input:hidden[name=position]").val(position); 45 46 ("#form").submit(); 47 }); 48 }); 49</script>

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

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

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

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

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

m.ts10806

2020/09/27 23:11

jquery として提示されたコードはどこに書かれているものでしょうか。 html内?jsファイル内?
fuyukixxx

2020/09/28 02:45

記述漏れすみません。html内です。
m.ts10806

2020/09/28 02:46

1ファイル内でしたら、同じコードブロック内におさめてください。 でないと別ファイルのものとして認識します。
fuyukixxx

2020/09/28 10:22

修正しました。よろしくお願いします。
m.ts10806

2020/09/28 10:45

なんか「言語名」のところぐちゃぐちゃになってますが、PHPファイルに書いてるのでしたら 「PHP」だけで良いですよ。コードハイライトが変な感じになるので
m.ts10806

2020/09/28 10:46

あと一応、ブラウザ開発ツールのコンソール確認してJavaScriptのエラーが出ていないか見ておいてください。
fuyukixxx

2020/09/28 11:34

JSのエラーはありませんでした。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問