フォームから送信を押した後、入力をクリアしたいです。

Question

前提

こんにちは。
ウェブサイトのフォームを入力してsubmitを押すと、入力した内容である「お名前」「Emailアドレス」「お問い合わせ内容」の箇所の文言はクリアされるのですが、「***テスト15」と「0909999999」の文言がクリアになりません。

※「お名前」「Emailアドレス」「お問い合わせ内容」はデフォルトで入力されている文言です。

当初、「お名前」「Emailアドレス」「お問い合わせ内容」のフォームに「***テスト15」と「0909999999」を付け加えたフォームに変更しました。その付け加えた「***テスト15」と「0909999999」部分のクリアができていない状態です。

実現したいこと

submitを押した後、「***テスト15」と「0909999999」も他と同じ様に文言をクリアさせたい。

該当のソースコード

<div class="col-sm-8">
                <form id="contactForm" role="form" method="post" action="php/contact.php">
                  <div class="form-group">
                    <label class="sr-only" for="name">companyname</label>
                    <input class="form-control" type="text" id="companyname" name="companyname" placeholder="企業名*" required="required" data-validation-required-message="Please enter your company name."/>
                    <p class="help-block text-danger"></p>
                  </div>
                  <div class="form-group">
                    <label class="sr-only" for="name">Name</label>
                    <input class="form-control" type="text" id="name" name="name" placeholder="お名前*" required="required" data-validation-required-message="Please enter your name."/>
                    <p class="help-block text-danger"></p>
                  </div>
                  <div class="form-group">
                    <label class="sr-only" for="name">phone</label>
                    <input class="form-control" type="tel" id="phone" name="phone" pattern="[\d\-]*" placeholder="phone*" required="required" data-validation-required-message="Please enter your phone."/>
                    <p class="help-block text-danger"></p>
                  </div>
                  <div class="form-group">
                    <label class="sr-only" for="email">Email</label>
                    <input class="form-control" type="email" id="email" name="email" placeholder="Emailアドレス*" required="required" data-validation-required-message="Please enter your email address."/>
                    <p class="help-block text-danger"></p>
                  </div>
                  <div class="form-group">
                    <textarea class="form-control" rows="7" id="message" name="message" placeholder="お問い合わせ内容*" required data-validation-required-message="Please enter your message."></textarea>
                    <p class="help-block text-danger"></p>
                  </div>
                  <div class="text-center">
                    <button class="btn btn-block btn-circle btn-d" id="cfsubmit" type="submit">Submit-送信-</button>
                  </div>
                </form>
                <div class="ajax-response font-alt" id="contactFormResponse"></div>
              </div>

<?php

	$errors = array();

	// Check if companyname has been entered
	if (!isset($_POST['companyname'])) {
		$errors['companyname'] = 'Please enter your companyname';
	}
	// Check if name has been entered
	if (!isset($_POST['name'])) {
		$errors['name'] = 'Please enter your name';
	}
	// Check if phone has been entered
	if (!isset($_POST['phone'])) {
		$errors['phone'] = 'Please enter your phone';
	}

	// Check if email has been entered and is valid
	if (!isset($_POST['email']) || !filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
		$errors['email'] = 'Please enter a valid email address';
	}

	//Check if message has been entered
	if (!isset($_POST['message'])) {
		$errors['message'] = 'Please enter your message';
	}

	$errorOutput = '';

	if(!empty($errors)){

		$errorOutput .= '<div class="alert alert-danger alert-dismissible" role="alert">';
 		$errorOutput .= '<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>';

		$errorOutput  .= '<ul>';

		foreach ($errors as $key => $value) {
			$errorOutput .= '<li>'.$value.'</li>';
		}

		$errorOutput .= '</ul>';
		$errorOutput .= '</div>';

		echo $errorOutput;
		die();
	}


	$companyname = $_POST['companyname'];
	$name = $_POST['name'];
	$phone = $_POST['phone'];
	$email = $_POST['email'];
	$message = $_POST['message'];
	$from = $email;
	$to = 'info@****.com';  // please change this email id
	$subject = 'Contact Form : **** contact form';

	$body = "From: $name\n E-Mail: $email\n Message:\n $message";

	$headers = "From: ".$from;


	//send the email
	$result = '';
		mb_language("Japanese");
		mb_internal_encoding("UTF-8");
		if (mb_send_mail ($to, $subject, $body, $headers)) {
		$result .= '<div class="alert alert-success alert-dismissible" role="alert">';
 		$result .= '<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>';
		$result .= '送信しました。ありがとうございました。';
		$result .= '</div>';

		echo $result;
		die();
	}

	$result = '';
	$result .= '<div class="alert alert-danger alert-dismissible" role="alert">';
	$result .= '<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>';
	$result .= 'Something bad happend during sending this message. Please try again later';
	$result .= '</div>';

	echo $result;

よろしくお願いします。

Comments

[m.ts10806]

送信直後じゃなく送信後に「戻る」とかしてるのでは？

[Tochan]

ありがとうございます。
添付画像は送信ボタンを押した直後のキャプチャーです。

[m.ts10806]

contact.phpのどこにも入力画面に戻るような記述はないように見受けられます。
提示してないコードのどこかにそういう記述がある？

[Tochan]

入力画面から直接「送信」で入力内容がメールに送られる仕様です。
確認画面はありません。
contact.phpの他にもphpファイルはありますが関係が無い様です。他のphpファイルを削除してフォーム入力＆送信をしたところ、動作結果は変わりませんでした。

contact.phpの中に「送信」ボタンを押した後の動作として↓に変更したのですが結果は変わりませんでした。

[従来]
$body = "From: $name\n E-Mail: $email\n Message:\n $message";

↓↓↓↓↓↓

[変更]
$body = "From: $name\n 企業名：$companyname\n 電話番号：$phone\n E-Mail: $email\n Message:\n $message";

[m.ts10806]

「入力画面」のコードもcontact.phpということですか？

[Tochan]

入力画面はhtmlで送信後の動きをcontact.phpで制御しているんだと思っています。
しかし、contact.phpにそれらしいコードがないことから、違うところから動かしているのかも知れません。。

Answer 1

色々と試行錯誤して時間がかかってしまったので１から作り直しました。
人の作ったフォームを解読しながら作るより早かったです。
ありがとうございました。