小编Tro*_*roy的帖子

提交后用成功消息替换HTML表单,表单使用单独的php文件发送邮件

我有一个内置到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)

html javascript php forms

7
推荐指数
1
解决办法
2万
查看次数

标签 统计

forms ×1

html ×1

javascript ×1

php ×1