Fatal编程技术网
  • php/
  • Php 用于提交电子邮件表单而不刷新页面且不进行验证的代码

Php 用于提交电子邮件表单而不刷新页面且不进行验证的代码

php jquery html ajax

Php 用于提交电子邮件表单而不刷新页面且不进行验证的代码,php,jquery,html,ajax,Php,Jquery,Html,Ajax,我已经使用requires属性创建了一个联系人表单。现在我想在不刷新页面的情况下提交此电子邮件表单。当我在谷歌上搜索时，我得到了验证代码，我不需要验证，因为我在html中使用了required属性。我只是想功能，我可以添加，使网页不会刷新后提交和电子邮件应该去 index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title

我已经使用requires属性创建了一个联系人表单。现在我想在不刷新页面的情况下提交此电子邮件表单。当我在谷歌上搜索时，我得到了验证代码，我不需要验证，因为我在html中使用了required属性。我只是想功能，我可以添加，使网页不会刷新后提交和电子邮件应该去

index.html

<!DOCTYPE html>
<html>  
    <head>
        <meta charset="utf-8">
        <title>HTML5 Contact Form</title>
        <link rel="stylesheet" media="screen" href="styles.css">
    </head>     
    <body>
        <div id="contact">
            <form class="contact_form" action="contact.php" method="post" name="contact_form">
                <ul>
                    <li>
                         <h2>Contact Us</h2>
                         <span class="required_notification">* Denotes Required Field</span>

                    </li>
                    <li>
                        <label for="name">Name:</label>
                        <input type="text" id="name" name="name" placeholder="John Doe" required />
                    </li>
                    <li>
                        <label for="email">Email:</label>
                        <input type="email" name="email" id="email" placeholder="john_doe@example.com" required /> <span class="form_hint">Proper format "name@something.com"</span>

                    </li>
                    <li>
                        <label for="message">Message:</label>
                        <textarea name="message" id="message" cols="40" rows="6" required></textarea>
                    </li>
                    <li>
                        <button class="submit" id="submit_btn" type="submit">Submit Form</button>
                    </li>
                </ul>
            </form>
        </div>
    </body>
</html>


HTML5联系方式

    

  • 
联系我们
*表示必填字段

    • 

  • 
姓名：

    • 

  • 
电邮：
“正确格式”name@something.com"

    • 

  • 
信息：

    • 

  • 
提交表格

    •
contact.php

<?php
    $field_name = $_POST['name'];
    $field_email = $_POST['email'];
    $field_message = $_POST['message'];
    $mail_to = 'babloopuneeth@gmail.com';
    $subject = 'Message from a site visitor '.$field_name;
    $body_message = 'From: '.$field_name."\n";
    $body_message .= 'E-mail: '.$field_email."\n";
    $body_message .= 'Message: '.$field_message;
    $headers = 'From: '.$field_email."\r\n";
    $headers .= 'Reply-To: '.$field_email."\r\n";
    $mail_status = mail($mail_to, $subject, $body_message, $headers);

    if ($mail_status) {
        ?>

        </script>
    <?php
     } else { ?>

    <?php
     } 
?>
我不知道在里面添加什么，如果和其他情况来实现我的目标？请帮帮我

您必须使用
jQuery
的
ajax
函数发送表单而不刷新页面，以下是官方文档：

希望有帮助

只需将其用作
contact.php

<?php
$field_name = $_POST['name'];
$field_email = $_POST['email'];
$field_message = $_POST['message'];
$mail_to = 'babloopuneeth@gmail.com';
$subject = 'Message from a site visitor '.$field_name;
$body_message = 'From: '.$field_name."\n";
$body_message .= 'E-mail: '.$field_email."\n";
$body_message .= 'Message: '.$field_message;
$headers = 'From: '.$field_email."\r\n";
$headers .= 'Reply-To: '.$field_email."\r\n";
$mail_status = mail($mail_to, $subject, $body_message, $headers);
?>
我认为OP希望修改他们已有的代码，而不是重写大部分代码……我认为如果您不想刷新页面。您可能应该使用
Jquery
库中定义的
ajax
或
post
方法，比如@mnm。