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

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

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

SCSSは、SassのCSSメタ言語です。Webページのスタイルを指定するCSSを効率的に記述することができます。ネストと呼ばれる入れ子構造で記述するため、CSSの全体の記述量を減らせる点が特徴です。さらに変数も利用できるため、変更や修正の際に少ない作業量で対応することもできます。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PHP

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

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

解決済

入力フォームの2ページ目の確認表示画面内にある送信ボタンを書き換えると送信できなくなる。

ghtew2
ghtew2

総合スコア176

SCSS

SCSSは、SassのCSSメタ言語です。Webページのスタイルを指定するCSSを効率的に記述することができます。ネストと呼ばれる入れ子構造で記述するため、CSSの全体の記述量を減らせる点が特徴です。さらに変数も利用できるため、変更や修正の際に少ない作業量で対応することもできます。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PHP

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

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

1回答

0評価

0クリップ

190閲覧

投稿2022/05/09 10:20

編集2022/05/09 22:17

入力フォーム1ページ、確認表示画面2ページ目、送信完了画面3ページの順でコード書いたのですが、確認表示画面2ページ目にある
送信ボタンの部分を

画像付きの送信ボタンに変更したくて、

<td colspan="2"><button id="soushin">送信する</button> を以下のように書き換えると、送信できなくなってしまいます。

以下書き換え。画像付きボタンのコード。
<a button type="submit" id="soushin" name="submit" class="auto-style4" href="">
<img src="ka2.png" alt="確認画面へ" class="button-simple yureru-s example8" /></a>

原因はなんでしょうか?理由が分かりません。Idなど間違っていなさそうですが。href=""を消去して、
</a>の前に</botton>タグ追加でも変化なし。カーソル範囲の調節のため、buttonタグの前にあえてaタグを付けました。

実際に書き換えたURLです。1ページ目、2ページ目と続きます。2ページ目送信は出来ません。

確認表示画面のPHP ※※※2ページ目 書き換え前

php

<?php session_start(); if(isset($_SESSION['name'])){ $name = $_SESSION['name']; $furigana = $_SESSION['furigana']; $email = $_SESSION['email']; $tel = $_SESSION['tel']; $pay = $_SESSION['pay']; } $_SESSION['token'] = base64_encode(openssl_random_pseudo_bytes(48)); $token = htmlspecialchars($_SESSION['token'], ENT_QUOTES); ?> <!DOCTYPE html> <html> <head> <meta charset ="utf-8"> <link rel="stylesheet" href="hpkiyaku.css"> <title></title> </head> <body> <form action ="hpform3.php" method ="post" name="doui_form" onsubmit="return false"> <input type ="hidden" name ="token" value ="<?php echo $token ?>"> <div class="title"> <label class="title" for="title">お申し込み内容の確認</label> </div> <p></p> <p></p> <p></p> <p></p> <div class="row"> <label class="col-sm-2 control-label" for="name">名前:<small><?php echo $name; ?></small></label> </div> <p></p> <p></p> <p></p> <div class="row"> <label class="col-sm-2 control-label" for="furigana">フリガナ:<small><?php echo $furigana; ?></small></label> </div> <p></p> <p></p> <div class="row"> <label class="col-sm-2 control-label" for="email">メールアドレス: <br> <small><?php echo $email; ?></small></label> </div> <p></p> <p></p> <div class="row"> <label class="col-sm-2 control-label" for="tel">電話番号:<small><?php echo $tel; ?></small></label> </div> <p></p> <p></p> <div class="row"> <label class="col-sm-2 control-label" for="pay">支払方法:<small><?php echo $pay; ?></small></label> </div> <p></p> <p></p> <div class="title2"> <label class="title2" for="title2">利用規約</label> </div> <p></p> <div class="radio_text"> <section> <label class="radio_text"> <input type="radio" name="doui" value="suru">同意する </label> <label class="radio_text"> <input type="radio" name="doui" value="shinai">同意しない </label> </section> </div> <table> <tr> <p></p> <p></p> <p></p> <td colspan="2"><button id="soushin">送信する</button> <script> var doui = document.getElementById('soushin'); doui.addEventListener('click', function() { if (document.doui_form.doui.value != "suru") { alert("利用規約に同意して頂けない場合は本サービスのご利用はお控えください。"); } else { document.doui_form.submit(); } }) </script> </td> </tr> </table> </form> <p><a href="hpform1.php?action=edit">入力画面へ戻る</a></p> </body> </html>

3ページ目折り返しメールメールのコード

php

<?php // PHPMailer クラスをネーム空間にインポート use PHPMailer\PHPMailer\PHPMailer; use PHPMailer\PHPMailer\SMTP; use PHPMailer\PHPMailer\Exception; require('PHPMailer/src/PHPMailer.php'); require('PHPMailer/src/Exception.php'); require('PHPMailer/src/SMTP.php'); // 入力内容の取得・変数に格納 session_start(); if(isset($_POST['token'], $_SESSION['token']) && ($_POST['token'] === $_SESSION['token'])){ unset($_SESSION['token']); $name = $_SESSION['name']; $furigana = $_SESSION['furigana']; $email = $_SESSION['email']; $tel = $_SESSION['tel']; $pay = $_SESSION['pay']; } // メール日本語対応 mb_language("japanese"); mb_internal_encoding("UTF-8"); // インスタンス生成 $mail = new PHPMailer(true); // 文字エンコードを指定 $mail->CharSet = 'utf-8'; try { // デバッグ設定 // $mail->SMTPDebug = 2; // デバッグ出力を有効化(レベルを指定) // $mail->Debugoutput = function($str, $level) {echo "debug level $level; message: $str<br>";}; // SMTPサーバの設定 $mail->isSMTP(); // SMTPの使用宣言 $mail->Host = '◎◎'; // SMTPサーバーを指定 $mail->SMTPAuth = true; // SMTP authenticationを有効化 $mail->Username = '▼@www.rensyuu.shop'; // SMTPサーバーのユーザ名 $mail->Password = '????'; // SMTPサーバーのパスワード $mail->SMTPSecure = 'ssl'; // 暗号化を有効(tls or ssl)無効の場合はfalse $mail->Port = 465; // TCPポートを指定(tlsの場合は465や587) // メール本体 $mail->setFrom('▼@www.rensyuu.shop', 'camila'); // 送信元メールアドレスと名前 $mail->addAddress($email,$name); // 送信先メールアドレスと名前 $mail->Body = "下記の情報を受け取りました。\n内容を確認し、こちらから折り返し、ライン又はメールアドレスにてご案内させて頂きます。\n\n"; $mail->Subject = mb_encode_mimeheader(''); $mail->Body .= "お名前:".$name."\n"; $mail->Body .= "フリガナ:".$furigana."\n"; $mail->Body .= "メールアドレス:".$email."\n"; $mail->Body .= "電話番号:".$tel."\n"; $mail->Body .= "支払方法:".$pay."\n"; $mail->Body .= "▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼\n"; $mail->Body .= "【Web担当者の作り方】\n"; $mail->Body .= "▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼\n"; // 送信 $mail->send(); echo '送信済み'; } catch (Exception $e) { echo "送信失敗: {$mail->ErrorInfo}"; } ?> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>お問い合わせフォーム</title> <link rel="stylesheet" href="style.css"> </head> <body> <div><h1>Company Name</h1></div> <div><h2>お問い合わせ</h2> </div> <div> <div> <h1>お問い合わせ 送信完了</h1> <p> お問い合わせありがとうございました。<br> 内容を確認のうえ、回答させて頂きます。<br> しばらくお待ちください。 </p> <a href="hpform1.php"> <button type="button">お問い合わせに戻る</button> </a> </div> </div> </body> </html>

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

javahack

2022/05/09 10:34

送信できないとは、送信ボタンが反応しなくなったのかそれとも送信完了画面に遷移されなくなったのかどちらでしょうか? 3ページ目のPHPコードも追記してください。
ghtew2

2022/05/09 11:57

すみません。今追加しました。3ページ目は折り返しメールのコードです。  <button type="submit" id="submit" name="submit" class="auto-style40" value="submit"> <img src="ka2.png" alt="確認画面へ" class="button-simple yureru-s example80" /></button> 今、新たに書き換えてみました。送信ボタンをクリックしても、反応しないです。3ページ目にも行けません。 ボタンのコードが <td colspan="2"><button id="soushin">送信する</button> だと、きちんと送信されて、折り返しメールも受信できます。

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

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

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る

SCSS

SCSSは、SassのCSSメタ言語です。Webページのスタイルを指定するCSSを効率的に記述することができます。ネストと呼ばれる入れ子構造で記述するため、CSSの全体の記述量を減らせる点が特徴です。さらに変数も利用できるため、変更や修正の際に少ない作業量で対応することもできます。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PHP

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

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。