我有一个内置到index.html的html联系表单,然后我有一个mail.php文件,它发送邮件并使用一些Javascript.当我填写表单并提交时,我将其编码为发送邮件,然后弹出一个成功消息框,然后重定向回index.html.
我想要的是将表单替换为成功消息,以避免页面刷新并避免弹出消息框.
来自index.html的表单:
<form action="mail.php" method="POST">
<div class="row uniform">
<div class="6u 12u$(xsmall)">
<input type="text" name="name" id="name" value="" placeholder="Name" />
</div>
<div class="6u$ 12u$(xsmall)">
<input type="email" name="email" id="email" value="" placeholder="Email" />
</div>
<div class="12u$">
<!--<div class="select-wrapper">
</div>-->
</div>
<div class="12u$">
<textarea name="message" id="message" placeholder="Enter your message" rows="6"></textarea>
</div>
<center><div class="g-recaptcha" data-sitekey=""></div></center>
<div class="12u$">
<ul class="actions">
<li><input type="submit" value="Send Message" class="special" /></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</div>
</div>
</form>
Run Code Online (Sandbox Code Playgroud)
删除php文件,电子邮件地址和recaptcha令牌的原因显而易见:
<?php $name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];
$formcontent …Run Code Online (Sandbox Code Playgroud)