引导模式PHP提交_Php_Html_Modal Dialog_Bootstrap Modal

引导模式PHP提交

php html

引导模式PHP提交,php,html,modal-dialog,bootstrap-modal,Php,Html,Modal Dialog,Bootstrap Modal,我在一个网站上工作，从未做过类似的事情，我不确定如何继续使用PHP。我正在使用bootstrap，希望发送一封基于模式的电子邮件。我的HTML看起来像 <div class="modal fade" id="contact" role="dialoge"> <div class="modal-dialog"> <div class="modal-content"> <form

我在一个网站上工作，从未做过类似的事情，我不确定如何继续使用PHP。我正在使用bootstrap，希望发送一封基于模式的电子邮件。我的HTML看起来像

   <div class="modal fade" id="contact" role="dialoge">
        <div class="modal-dialog">
            <div class="modal-content">
                <form class="form-horizontal">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

                        <h4>Plan your Party!</h4>

                    </div>

                    <form class="name" name="contact">
                        <div class="modal-body">

                            <div class="form-group">

                                <label for="name" class="col-lg-2 control-label">Name:</label>

                                <div class="col-lg-10">
                                    <input type="text" class="form-control" name="name" required="required" placeholder="Full Name">
                                </div>l

                            </div>

                            <div class="form-group">

                                <label for="email" class="col-lg-2 control-label">Email:</label>

                                <div class="col-lg-10">
                                    <input type="email" class="form-control" name="email" required="required" placeholder="Email">
                                </div>

                            </div>

                            <div class="form-group">

                                <label for="message" class="col-lg-2 control-label">Message:</label>

                                <div class="col-lg-10">
                                    <textarea class="form-control" rows="8" style="resize: vertical;" required="required" placeholder="Message" name="message"></textarea>
                                </div>

                            </div>
                        </div>
                        <div class="modal-footer">

                            <button type="button" class="btn btn-info" data-dismiss="modal"><i class="glyphicon glyphicon-remove"></i> Close</button>
                            <button class="btn btn-success" type="submit" id="submit"><i class="glyphicon glyphicon-inbox"></i> Submit</button>

                        </div>
            </div>
        </div>
    </div>


&时代；
计划你的派对！
姓名：
L
电邮：
信息：
接近
提交

所以我只是想知道是否有人能给我一些建议，让这个表单真正发送电子邮件。我期待学习，并愿意尝试任何事情。提前感谢，感谢您的帮助和建设性的批评。另外，我如何添加消息已发送的确认

谢谢你，约翰

<script>
    $(document).ready(function () {
        $("input#submit").click(function(){
            $.ajax({
                type: "POST",
                url: "process.php", // 
                data: $('form.contact').serialize(),
                success: function(msg){
                    $("#thanks").html(msg)
                    $("#form-content").modal('hide');   
                },
                error: function(){
                    alert("failure");
                }
            });
        });
    });
</script>


$（文档）.ready（函数（）{
$（“输入#提交”）。单击（函数（）{
$.ajax({
类型：“POST”，
url:“process.php”，//
数据：$（'form.contact'）。序列化（），
成功：功能（msg）{
$（“#谢谢”）.html（msg）
$（“#表单内容”）.modal（'hide'）；
},
错误：函数（）{
警报（“故障”）；
}
});
});
});

这是我试图添加以调用php的脚本：

<?php

$myemail = 'myemail@myemail.ca';


if (isset($_POST['name'])) {
$name = strip_tags($_POST['name']);
$email = strip_tags($_POST['email']);
$message = strip_tags($_POST['message']);
echo "<span class=\"alert alert-success\" >Your message has been received. Thanks! Here is what you submitted:</span><br><br>";
echo "<stong>Name:</strong> ".$name."<br>";   
echo "<stong>Email:</strong> ".$email."<br>"; 
echo "<stong>Message:</strong> ".$message."<br>";


$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\n Message \n $message";
$headers = "From: $myemail\n";
$headers .= "Reply-To: $email";
mail($to,$email_subject,$email_body,$headers);
}
?>

我的意思是，我确信我遗漏了一些东西，或者一些简单的修复，这对我来说都是全新的。

在

表单中

标记include

action

属性指向任何PHP页面，从那里你可以发送电子邮件…

在

表单中

标记include

action

属性指向任何PHP页面，您可以从那里发送电子邮件…

以下是对您的编辑：

1）模态中有两个表单，并且没有一个具有结束表单标记。删除

表单，并将其他表单更改为

2）给关闭表单标签

3）将提交按钮更改为

submit

4）还要检查更新的AJAX代码和PHP代码

希望这对你有帮助

HTML

<div id="thanks"> </div>
<p>
    <a data-toggle="modal" href="#contact" 
    class="btn btn-primary">Contact us</a>
</p>
<!-- model content --> 
<div class="modal hide fade in" style="display: none; " id="contact" > 
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4>Plan your Party!</h4>
            </div>
            <form class="contact">
                <div class="modal-body">
                    <div class="form-group">
                        <label for="name" class="col-lg-2 control-label">Name:</label>
                        <div class="col-lg-10">
                            <input type="text" class="form-control" name="name" required="required" placeholder="Full Name">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="email" class="col-lg-2 control-label">Email:</label>
                        <div class="col-lg-10">
                            <input type="email" class="form-control" name="email" required="required" placeholder="Email">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="message" class="col-lg-2 control-label">Message:</label>
                        <div class="col-lg-10">
                            <textarea class="form-control" rows="8" style="resize: vertical;" required="required" placeholder="Message" name="message"></textarea>
                        </div>
                    </div>
                </div>
            </form> 
            <div class="modal-footer">
                <button type="button" class="btn btn-info" data-dismiss="modal"><i class="glyphicon glyphicon-remove"></i> Close</button>
                <button class="btn btn-success" id="submit"><i class="glyphicon glyphicon-inbox"></i> Submit</button>
            </div>
        </div>
    </div>
</div>




&时代；
计划你的派对！
姓名：
电邮：
信息：
接近
提交

AJAX

<script>
 $(function() {
    //twitter bootstrap script
    $("button#submit").click(function(){
        $.ajax({
                type: "POST",
                url: "process.php",
                data: $('form.contact').serialize(),
                success: function(msg){
                    $("#thanks").html(msg);
                    $("#contact").modal('hide'); 
                },
                error: function(){
                    alert("failure");
                }
       });
    });
});
</script>


$（函数（）{
//twitter引导脚本
$（“按钮#提交”）。单击（函数（）{
$.ajax({
类型：“POST”，
url:“process.php”，
数据：$（'form.contact'）。序列化（），
成功：功能（msg）{
$（“#谢谢”）.html（msg）；
$（“#联系人”）.modal（'hide'）；
},
错误：函数（）{
警报（“故障”）；
}
});
});
});

process.php

<?php
    $myemail = 'myemail@myemail.ca';
    if (isset($_POST['name'])) 
    {
        $name = strip_tags($_POST['name']);
        $email = strip_tags($_POST['email']);
        $message = strip_tags($_POST['message']);

        $msg_success = "";
        $msg_fail = "Error sending mail.";
        $msg_success .= "<span class=\"alert alert-success\" >Your message has been received. Thanks! Here is what you submitted:</span><br><br>";
        $msg_success .= "<stong>Name:</strong> ".$name."<br>";   
        $msg_success .= "<stong>Email:</strong> ".$email."<br>"; 
        $msg_success .= "<stong>Message:</strong> ".$message."<br>";

        $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\n Message \n $message";
        $headers = "From: $myemail\n";
        $headers .= "Reply-To: $email";

        if(mail($to,$email_subject,$email_body,$headers))
            echo $msg_success;
        else
            echo $msg_fail;
    }
    else
        echo "Input parameters missing";
?>