Php 在表单提交时显示要触发的模式

Php 在表单提交时显示要触发的模式,php,jquery,html,forms,Php,Jquery,Html,Forms,我试图在用户成功提交联系人表单时弹出一个模式,在表单不成功时弹出另一个模式单击“联系我”可以测试该模式 基本上只是一个简单的弹出窗口,它比一个警告框更漂亮,可以告诉用户他们的for已正确发送 网址是: 我用于表单提交的PHP如下所示: <?php /*subject and email variables*/ $emailSubject = 'Subject'; $webMaster = 'michaelgriffin87@me.com'; /*gathering data vari

我试图在用户成功提交联系人表单时弹出一个模式,在表单不成功时弹出另一个模式单击“联系我”可以测试该模式

基本上只是一个简单的弹出窗口,它比一个警告框更漂亮,可以告诉用户他们的for已正确发送

网址是:

我用于表单提交的PHP如下所示:

<?php

/*subject and email variables*/

$emailSubject = 'Subject';
$webMaster = 'michaelgriffin87@me.com';

/*gathering data variables*/

$nameField = $_POST['Name'];
$emailField = $_POST['E-mail'];
$commentField = $_POST['Comment'];


$to = "$webMaster";
$subject = "$emailSubject";
$message = "<html>
<head></head>
<body>
<strong>Website Contact Form</strong><br />
<br />
Customer's Name: <strong>$nameField</strong><br />
E-mail Address: <strong>$emailField</strong><br />
Message:<br /><strong>$commentField</strong>



</body>
</html>
";
$headers = 'MIME-Version: 1.0' . "\r\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
$headers .= "To: Amorae Bridal <$webMaster>" . "\r\n";
$headers .= 'From: Website Contact Form <'.$email.'>' . "\r\n";

mail($to, $subject, $message, $headers); //<-- function to send email

$theResults = <<<EOD

EOD;
echo "$theResults";
?>
<div id="contact-sent" class="reveal-modal">

  <h1>sent</h1>

<a href="#" class="close-reveal-modal"><img src="img/close.png" alt="Close button"></a>
</div><!--modal-->

</div><!--end-of-container-->
<script src="js/main.js"></script>

<script src="js/jquery-1.4.4.min.js"></script>
<script src="js/jquery.reveal.js"></script>
<script>
 //code that uses 1.4.4 should be enclosed as follows
 jQuery(function( $ ) {

    (jquery);

 $('#contact-sent').reveal({
 animation: 'fadeAndPop',                   //fade, fadeAndPop, none
 animationspeed: 300,                       //how fast animtions are
 closeonbackgroundclick: true,              //if you click background will modal close?
 dismissmodalclass: 'close-reveal-modal'    //the class of a button or element that will close an      open modal
});
});

</script>

模式的Jquery/HTML页面如下所示:

<?php

/*subject and email variables*/

$emailSubject = 'Subject';
$webMaster = 'michaelgriffin87@me.com';

/*gathering data variables*/

$nameField = $_POST['Name'];
$emailField = $_POST['E-mail'];
$commentField = $_POST['Comment'];


$to = "$webMaster";
$subject = "$emailSubject";
$message = "<html>
<head></head>
<body>
<strong>Website Contact Form</strong><br />
<br />
Customer's Name: <strong>$nameField</strong><br />
E-mail Address: <strong>$emailField</strong><br />
Message:<br /><strong>$commentField</strong>



</body>
</html>
";
$headers = 'MIME-Version: 1.0' . "\r\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
$headers .= "To: Amorae Bridal <$webMaster>" . "\r\n";
$headers .= 'From: Website Contact Form <'.$email.'>' . "\r\n";

mail($to, $subject, $message, $headers); //<-- function to send email

$theResults = <<<EOD

EOD;
echo "$theResults";
?>
<div id="contact-sent" class="reveal-modal">

  <h1>sent</h1>

<a href="#" class="close-reveal-modal"><img src="img/close.png" alt="Close button"></a>
</div><!--modal-->

</div><!--end-of-container-->
<script src="js/main.js"></script>

<script src="js/jquery-1.4.4.min.js"></script>
<script src="js/jquery.reveal.js"></script>
<script>
 //code that uses 1.4.4 should be enclosed as follows
 jQuery(function( $ ) {

    (jquery);

 $('#contact-sent').reveal({
 animation: 'fadeAndPop',                   //fade, fadeAndPop, none
 animationspeed: 300,                       //how fast animtions are
 closeonbackgroundclick: true,              //if you click background will modal close?
 dismissmodalclass: 'close-reveal-modal'    //the class of a button or element that will close an      open modal
});
});

</script>

发送
//使用1.4.4的代码应如下所示
jQuery(函数($){
(jquery);
$(“#已发送联系人”)。显示({
动画:“fadeAndPop”,//fade,fadeAndPop,无
动画速度:300,//动画有多快
closeonbackgroundclick:true,//如果单击background将关闭吗?
dismissmodalclass:“close-reveal-modal”//将关闭打开模式的按钮或元素的类
});
});

页面有点乱。为什么脚本不在文档头中?为什么jQuery 1.4.4真的很古老?很多有用的特性和错误修复都是从那时开始引入的。哦,亲爱的,那么jQuery1.11.1就会出现在更下面的地方。在尝试改进之前,有很多问题需要解决。jquery包括2个版本,1.4.4和1.11.1,第86行
jquery中的错误没有定义
,因为
(jquery)
如果我是你,我会找到一个更新的模态插件——有很多可供选择,在jQuery1.11下工作的插件并不难找到。