2

私のタイトルがこの質問の正義を果たしているとは思いませんが、混乱を招く可能性があり、タイトルを数行に広げたくありません.

ここに行きます:

以下のコードを含む連絡先フォームを持つ単一ページの Web サイトがあります。

<form class="move-down" name="contactform" method="post" action="contact-form-handler.php">
<div class="controls controls-row">
<input id="name" name="name" type="text" class="span3" placeholder="Name"> 
<input id="email" name="email" type="email" class="span3" placeholder="Email address">
</div>
<div class="controls">
<textarea id="message" name="message" class="span6" placeholder="Your Message" rows="7"></textarea>
</div>
<div class="controls pull-right">
<button id="contact-submit" type="submit" class="btn btn-default">Send it!</button>
</div>
</form>

ご覧のとおり、そのアクションは、以下に示す「contact-form-handler」と呼ばれる外部 php ファイルを呼び出すことです。

<?php
$errors = '';
$myemail = 'hello@wunderful.co.uk';//<-----Put Your email address here.
if(empty($_POST['name'])  ||
   empty($_POST['email']) ||
   empty($_POST['message']))
{
    $errors .= die(header('Location: #errorModal'));
}
$name = $_POST['name'];
$email_address = $_POST['email'];
$message = $_POST['message'];
if (!preg_match(
"/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/i",
$email_address))
{
    $errors .= die(header('Location: #errorModal'));
}

if( empty($errors))
{
$to = $myemail;
$email_subject = "Contact form submission: $name";
$email_body = "You have received a new message. ".
" Here are the details:\n Name: $name \n ".
"Email: $email_address\n Message \n $message";
$headers = "From: $myemail\n";
$headers .= "Reply-To: $email_address";
mail($to,$email_subject,$email_body,$headers);
//redirect to the 'thank you' modal
header('Location: #thanksModal');
}
?>

<?php
?>

これは正常に機能していますが、私の新しいサイトは 1 つのページであるため、個別のページをロードしたくありません。また、白い背景に黒いテキストをエコーし​​たいだけでもありません。

だから私の質問は - 送信ボタンがクリックされたときに、外部ファイル内のphpコードを使用してページをリロードせずに、Bootstrap Modalウィンドウを表示するにはどうすればよいですか?

できることを願っています。それができない場合、送信ボタンがクリックされたときにエラーまたは感謝を示すモーダルを起動するのを誰かが手伝ってくれませんか?

4

1 に答える 1