我的HTML:
<div class=" col-sm-7 slideanim text-center ">
<div class="row text-center">
<h4 class="text-center"><b>Fill the details and we'll get back to you within 6 business hours. <br>
* - Required</b></h4><i>
<form action="mail_handler.php" method="post" name="form" class="formfont">
<div class="col-sm-6 form-group">
<input type="text" name="name" class="inp form-control" placeholder="Enter Your Name*" required="">
</div>
<div class="col-sm-6 form-group">
<input type="email" name="email" class="inp form-control" placeholder="Enter Your Email*" required="">
</div>
<div class="col-sm-6 form-group">
<input type="tel" name="phone" class="inp form-control" placeholder="Enter Your Phone*" required="">
</div>
<div class="col-sm-6 form-group">
<input type="text" name="college" class="inp form-control" placeholder="College/University*" required="">
</div>
<div class="col-sm-12 form-group">
<textarea name="msg" class="msg-box form-control" placeholder="Enter Your Message Here...(Optional)"></textarea>
</div>
<input type="submit" name="submit" value="Send" class="sub-btn">
<br>
<br>
</form>
</i></div>
</div>
MailHandler php
<?php
if(isset($_POST['submit'])){
$name=$_POST['name'];
$email=$_POST['email'];
$phone=$_POST['phone'];
$college=$_POST['college'];
$msg=$_POST['msg'];
$to='mailtosemicolon@gmail.com'; // Receiver Email ID, Replace with your email ID
$subject='Form Submission';
$message="Name :".$name."\n"."Phone :".$phone."\n"."Wrote the following :"."\n\n".$msg;
$headers="From: ".$email;
if(mail($to, $subject, $message, $headers)){
echo "<h1>Sent Successfully! Thank you"." ".$name.", We will contact you shortly!</h1>";
}
else{
echo "Something went wrong! Please try back sometime later";
}
}?>
我正在设计一个包含3个部分的网页,分别是第1部分,第2部分和第3部分。因此,在第3节中,我有一个表单,并以php文件[MailHandler.php]的形式给出了操作,该文件实际上是从表单中获取详细信息,并在单击“提交”按钮(在表单内部)后将邮件发送到我的个人邮件中。
将详细信息成功发送到我的邮件ID后,有什么方法可以重定向到第3部分,并在表单的
下方的“提交”按钮下方显示成功消息。答案 0 :(得分:0)
由于您停留在第3节中,因此无需重定向。我会用Java语言解决。
您可以做的是将提交按钮替换为普通按钮。单击后,您可以使用Javascript向服务器生成ajax请求,就像您的提交一样。使用返回码或自定义返回数据,您可以在表单下方使用Java脚本插入响应。 如果您使用的是JQuery,则可以像这样快速生成表单数据:
$('form').serialize()
ajax请求具有可以使用的done
或success
方法。请参见以下示例:https://www.w3schools.com/jquery/ajax_ajax.asp
答案 1 :(得分:0)
有两种方法可以解决您的问题。
第一个是使用JavaScript。这样,您可以将联系表单提交到您的PHP脚本,然后显示响应消息,而无需重新加载页面,该教程位于here。
第二种方法是,当您将联系表单提交给PHP时,然后使用PHP,您可以重定向回HTML页面,并在URL中附加一个部分ID,例如http://www.example.com/index.html#section3
,其中section3
是您的部分的ID。