在与表单相同的模式窗口中加载php成功消息

本文介绍了在与表单相同的模式窗口中加载php成功消息的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

你好，我试图让我的php表单成功（或错误）消息加载到窗体实际所在的模式窗口中。我想只需在窗体中打开表单，而不必切换页面出于任何原因。我一直在搜索S / O并找不到类似的东西。也许我不是在问正确的问题......我不知道。我的代码目前看起来像：

编辑：这是正常工作的代码。

 <？php 
 if（isset（$ _ POST ['email ']））{
 
 //根据需要编辑下面的两行
 $ email_to =webadmin@collegeboundparentnetwork.com; 
 $ email_subject =表单提交; 
 
 
函数已死（$ error）{
 //您的错误代码可以在这里
 echo我们非常抱歉，但发现错误用你提交的表格。; 
 echo这些错误出现在下方。< br />< br />; 
 echo $ error。< br />< br />; 
 echo请回去修正这些错误。< br />< br />; 
 die（）; 
} 
 
 //验证预期数据存在
 if（！isset（$ _ POST ['first_name']）|| 
！isset（$ _ POST ['last_name ']）|| 
！isset（$ _ POST ['email']）|| 
！isset（$ _ POST ['telephone']）|| 
！isset（$ _ POST [''评论']））{
死了（'我们很抱歉，但是您提交的表单看起来有问题。'）; 
} 
 
 $ first_name = $ _POST ['first_name']; //必需
 $ last_name = $ _POST ['last_name']; //必需
 $ email_from = $ _POST ['email']; //必需
 $ telephone = $ _POST ['telephone']; //不需要
 $ comments = $ _POST ['comments']; //必需
 
 $ error_message =; 
 $ email_exp ='/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2， 4} $ /'; 
 if（！preg_match（$ email_exp，$ email_from））{
 $ error_message。='您输入的电子邮件地址似乎不是有效的。< br />'; 
} 
 $ string_exp =/ ^ [A-Za-z .'-] + $ /; 
 if（！preg_match（$ string_exp，$ first_name））{
 $ error_message。='您输入的名字看起来不是有效的。< br />'; 
 
 if（！preg_match（$ string_exp，$ last_name））{
 $ error_message。='您输入的姓氏不是有效的。< br />>' ; 
 
 if（strlen（$ comments）< 2）{
 $ error_message。='您输入的注释看起来不是有效的。< br />'; 
} 
 if（strlen（$ error_message）> 0）{
 died（$ error_message）; 
} 
 $ email_message =下面的表格详细信息。 
 
函数clean_string（$ string）{
 $ bad = array（content-type，bcc：，to：，cc：，href）; 
返回str_replace（$ bad，，$ string）; 
} 
 
 $ email_message。=名字：.clean_string（$ first_name）。\\\
; 
 $ email_message。=姓氏：.clean_string（$ last_name）。\\\
; 
 $ email_message。=电子邮件地址：.clean_string（$ email_from）。\\\
; 
 $ email_message。=电话：.clean_string（$ telephone）。\\\
; 
 $ email_message。=评论：.clean_string（$ comments）。\\\
; 
 
 
 //创建电子邮件标题
 $ headers ='From：'。$ email_from。\r\\\
。 
'回复：'。$ email_from。\r\\\
。 
'X-Mailer：PHP /'。 phpversion（）; 
 @mail（$ email_to，$ email_subject，$ email_message，$ headers）; 
？> 
 
 < style> 
 
< / style> 
< div id =openModalclass =modalDialog> 
< div> 
< a href =＃closetitle =Closeclass =close> X< / a> 
< p id =p1>讯息< / p> 
< p style =font-size：16px;>感谢您与我们联系。我们会尽快与您联系。< / p> 
 
< p style =font-size：16px;>点击< a href =index.htmlstyle =text-decoration：none; color：green;>这里< / A>回家。< / p> 
< / div> 
< / div> 
<？php 
} 
？> 
 
<！DOCTYPE html> 
< html lang =en> 
< head> 
< meta charset =utf-8> 
< title> College Bound Parent Network< / title> 
< link rel =stylesheethref =css / main_styles.css> 
< script src =http://code.jquery.com/jquery-1.10.1.min.js>< / script> 
<！ -  [if IE]> 
< script src =http://html5shiv.googlecode.com/svn/trunk/html5.js>< / script> 
<！[endif]  - > 
< style> 
表格{margin-left：80px; margin-right：80px; text-align：left;} 
＃p1 {text-align：left; margin-left：80px;} 
 .modalDialog {
 position：fixed; 
 font-family：Arial，Helvetica，sans-serif; 
 top：0; 
 right：0; 
 bottom：0; 
剩下：0; 
 background：rgba（0,0,0,0.8）; 
 z-index：99999; 
 opacity：0; 
 -webkit-transition：opacity 400ms ease-in; 
 -moz-transition：不透明度400ms缓入; 
过渡：不透明度400ms缓入; 
 pointer-events：none; 
} 
 .modalDialog：target {
 opacity：1; 
 pointer-events：auto; 
} 
 
 .modalDialog> div {
 width：800px; 
职位：亲属; 
保证金：10％汽车; 
 padding：5px 20px 13px 20px; 
 border-radius：10px; 
背景：#fff; 
 background：-moz-linear-gradient（#fff，＃999）; 
 background：-webkit-linear-gradient（#fff，＃999）; 
 background：-o-linear-gradient（#fff，＃999）; 
} 
 .close {
背景：＃606061; 
颜色：#FFFFFF; 
 line-height：25px; 
位置：绝对; 
 right：-12px; 
 text-align：center; 
 top：-10px; 
 width：24px; 
 text-decoration：none; 
 font-weight：bold; 
 -webkit-border-radius：12px; 
 -moz-border-radius：12px; 
 border-radius：12px; 
 -moz-box-shadow：1px 1px 3px＃000; 
 -webkit-box-shadow：1px 1px 3px＃000; 
 box-shadow：1px 1px 3px＃000; 
} 
 
 .close：hover {background：＃00d9ff; } 
< / style> 
< / head> 
< body class =no-js> 
< div id =center_div> 
< nav id =topNav> 
< ul> 
< li>< a href =student-athlete.htmltitle =运动员>运动员< / a>< / li> 
< li>< a href =student-music.htmltitle =Music> Music< / a>< / li> 
< li>< a href =testing.htmltitle =测试>测试< / a>< / li> 
<！ - < li>< a href =administration.htmltitle =Aministration>管理< / a>< / li>  - > 
< li>< a href =advising.htmltitle =Advising>建议< / a>< / li> 
< li>< a href =links.htmltitle =有用的链接>链接< / a>< / li> 
< li>< a href =contact.htmltitle =联系CBPN>联系人< / a>< / li> 
< / ul> 
< / nav> 
< div id =header>< a href =index.html> College Bound Parents Network< / a>< / div> 
< hr id =hr/> 
< div id =inner_article> 
< / br> 
< p id =p1>欢迎来到CBPN College Recruiting< / p> 
< p> 
& nbsp& nbsp在过去的20年里，我们的团队一直参与与大学生绑定的学生
及其家庭。多年来，不仅学费上涨，而且申请大学的
的学生人数在2012年从120万增加到了300多万。
 GPA以上的学生不再可以保证在大学的一个席位。在确定学生参加的学校方面，负担能力
也是一个关键问题。 
< / p> 
< p> 
& nbsp& nbsp了解现在申请大学的学生人数的增加，我们已经将以下
a网站放在一起，帮助大学学生和他们的家人：
 < ul style =text-align：left; margin：5px 15px 5px 15px;> 
< li> 1。创建一个体育招聘工具，让学生运动员积极向大学教练宣传自己;< / li>< br /> 
< li> 2。帮助希望继续留在大学的音乐才华的学生招募。< / li>< br /> 
< li> 3。提供在线考试准备服务，为学生提供SAT / ACT考试。学生们经常忘记他们不会为他们的体育或音乐人才收到所有的大学学费。我们知道考试成绩是衡量成绩的关键因素。< / li>< br /> 
< li> 4。提供SAT / ACT诊断工具，让学生可以花时间准备正确的考试：提供AP预科课程。由于SAT / ACT对于接受和价值援助的重要性，我们认为学生应该关注最适合他们技能的测试，因此使用诊断工具将有助于确定哪种测试最适合每位学生。< / li><峰; br /> 
< / ul> 
< / p> 
 
< p> 
我们希望您喜欢所提供的工具，并要求您在任何时候与我们联系，如果您有任何问题或疑虑。 
< / p> 
 
 
< p id =demo> 
< a href =＃openModal>< img src =/ images / contact_us.jpgalign =centertitle =Click to contact us！/>< / a> <峰; br /> 
< figcaption>联系我们！< / figcaption> 
< br />< br /> 
< / p> 
< div id =openModalclass =modalDialog> 
< div> 
< a href =＃closetitle =Closeclass =close> X< / a> 
< p id =p1>联络我们< / p> 
< form id =frm1name =contactformmethod =postaction =<？php $ _SERVER ['PHP_SELF']？>> 
< table width =450px> 
< tr> 
< td valign =top> 
< label for =first_name>名字*< / label> 
< / td> 
< td valign =top> 
< input type =textname =first_namemaxlength =50size =30> 
< / td> 
< / tr> 
< tr> 
< td valign =top> 
< label for =last_name> Last Name *< / label> 
< / td> 
 < td valign =top> 
< input type =textname =last_namemaxlength =50size =30> 
< / td> 
< / tr> 
< tr> 
< td valign =top> 
< label for =email>电子邮件地址*< / label> ; 
< / td> 
< td valign =top> 
< input type =textname =emailmaxlength =80size =30 > 
< / td> 
< / tr> 
< tr> 
< td valign =top> 
< label for =telephone>电话号码< / label> 
 < / TD> 
< td valign =top> 
< input type =textname =telephonemaxlength =30size =30> 
< / td> 
< / tr> 
< tr> 
< td valign =top> 
< label for =评论>评论*< / label> 
< / td> 
< td valign =top> 
 < / td> 
< / tr> 
< tr> 
< td colspan =2style =text-align：center> 
< input type =submitvalue =提交> 
< / td> 
< / tr> 
< / table> 
< / form> 
< / div> 
 
< / div> 
< / div> 
< / div> 
< script src =js / jquery.js>< / script> 
< script src =js / modernizr.js>< / script> 
< / body> 
< / html>

 < ;！DOCTYPE html> 
< html lang =en> 
< head> 
< meta charset =utf-8> 
< title> College Bound Parent Network< / title> 
< link rel =stylesheethref =css / main_styles.css> 
< script src =http://code.jquery.com/jquery-1.10.1.min.js>< / script> 
<！ -  [if IE]> 
< script src =http://html5shiv.googlecode.com/svn/trunk/html5.js>< / script> 
<！[endif]  - > 
< style> 
表格{margin-left：80px; margin-right：80px; text-align：left;} 
＃p1 {text-align：left; margin-left：80px;} 
 .modalDialog {
 position：fixed; 
 font-family：Arial，Helvetica，sans-serif; 
 top：0; 
 right：0; 
 bottom：0; 
剩下：0; 
 background：rgba（0,0,0,0.8）; 
 z-index：99999; 
 opacity：0; 
 -webkit-transition：opacity 400ms ease-in; 
 -moz-transition：不透明度400ms缓入; 
过渡：不透明度400ms缓入; 
 pointer-events：none; 
} 
 .modalDialog：target {
 opacity：1; 
 pointer-events：auto; 
} 
 
 .modalDialog> div {
 width：800px; 
职位：亲属; 
保证金：10％汽车; 
 padding：5px 20px 13px 20px; 
 border-radius：10px; 
背景：#fff; 
 background：-moz-linear-gradient（#fff，＃999）; 
 background：-webkit-linear-gradient（#fff，＃999）; 
 background：-o-linear-gradient（#fff，＃999）; 
} 
 .close {
背景：＃606061; 
颜色：#FFFFFF; 
 line-height：25px; 
位置：绝对; 
 right：-12px; 
 text-align：center; 
 top：-10px; 
 width：24px; 
 text-decoration：none; 
 font-weight：bold; 
 -webkit-border-radius：12px; 
 -moz-border-radius：12px; 
 border-radius：12px; 
 -moz-box-shadow：1px 1px 3px＃000; 
 -webkit-box-shadow：1px 1px 3px＃000; 
 box-shadow：1px 1px 3px＃000; 
} 
 
 .close：hover {background：＃00d9ff; } 
< / style> 
< / head> 
< body class =no-js> 
< div id =center_div> 
< nav id =topNav> 
< ul> 
< li>< a href =student-athlete.htmltitle =运动员>运动员< / a>< / li> 
< li>< a href =student-music.htmltitle =Music> Music< / a>< / li> 
< li>< a href =testing.htmltitle =测试>测试< / a>< / li> 
<！ - < li>< a href =administration.htmltitle =Aministration>管理< / a>< / li>  - > 
< li>< a href =advising.htmltitle =Advising>建议< / a>< / li> 
< li>< a href =links.htmltitle =有用的链接>链接< / a>< / li> 
< li>< a href =contact.htmltitle =联系CBPN>联系人< / a>< / li> 
< / ul> 
< / nav> 
< div id =header>< a href =index.html> College Bound Parents Network< / a>< / div> 
< hr id =hr/> 
< div id =inner_article> 
< / br> 
< p id =p1>欢迎来到CBPN College Recruiting< / p> 
< p> 
& nbsp& nbsp在过去的20年里，我们的团队一直参与与大学生绑定的学生
及其家庭。多年来，不仅学费上涨，而且申请大学的
的学生人数从2012年的120万增加到了300多万。
 GPA以上的学生不再可以保证在大学的一个席位。在确定学生参加的学校方面，负担能力
也是一个关键问题。 
< / p> 
< p> 
& nbsp& nbsp了解现在申请大学的学生人数的增加，我们已经将以下
a网站放在一起，帮助大学学生和他们的家人：
 < ul style =text-align：left; margin：5px 15px 5px 15px;> 
< li> 1。创建一个体育招聘工具，让学生运动员积极向大学教练宣传自己;< / li>< br /> 
< li> 2。帮助希望继续留在大学的音乐才华的学生招募。< / li>< br /> 
< li> 3。提供在线考试准备服务，为学生提供SAT / ACT考试。学生们经常忘记他们不会为他们的体育或音乐人才收到所有的大学学费。我们知道考试成绩是衡量成绩的关键因素。< / li>< br /> 
< li> 4。提供SAT / ACT诊断工具，让学生可以花时间准备正确的考试：提供AP预科课程。由于SAT / ACT对于接受和价值援助的重要性，我们认为学生应该关注最适合他们技能的测试，因此使用诊断工具将有助于确定哪种测试最适合每位学生。< / li><峰; br /> 
< / ul> 
< / p> 
 
< p> 
我们希望您喜欢所提供的工具，并要求您在任何时候与我们联系，如果您有任何问题或疑虑。 
< / p> 
 
 
< p id =demo> 
< a href =＃openModal>< img src =/ images / contact_us.jpgalign =centertitle =Click to contact us！/>< / a> <峰; br /> 
< figcaption>联系我们！< / figcaption> 
< br />< br /> 
< / p> 
< div id =openModalclass =modalDialog> 
< div> 
< a href =＃closetitle =Closeclass =close> X< / a> 
< p id =p1>联络我们< / p> 
< form id =frm1name =contactformmethod =postaction =send_form_email.php> 
< table width =450px> 
< tr> 
< td valign =top> 
< label for =first_name>名字*< / label> 
< / td> 
< td valign =top> 
< input type =textname =first_namemaxlength =50size =30> 
< / td> 
< / tr> 
< tr> 
< td valign =top> 
< label for =last_name> Last Name *< / label> 
< / td> 
 < td valign =top> 
< input type =textname =last_namemaxlength =50size =30> 
< / td> 
< / tr> 
< tr> 
< td valign =top> 
< label for =email>电子邮件地址*< / label> ; 
< / td> 
< td valign =top> 
< input type =textname =emailmaxlength =80size =30 > 
< / td> 
< / tr> 
< tr> 
< td valign =top> 
< label for =telephone>电话号码< / label> 
 < / TD> 
< td valign =top> 
< input type =textname =telephonemaxlength =30size =30> 
< / td> 
< / tr> 
< tr> 
< td valign =top> 
< label for =评论>评论*< / label> 
< / td> 
< td valign =top> 
 < / td> 
< / tr> 
< tr> 
< td colspan =2style =text-align：center> 
< input type =submitvalue =提交> 
< / td> 
< / tr> 
< / table> 
< / form> 
< / div> 
< / div> 
< / div> 
< / div> 
< script src =js / jquery.js>< / script> 
< script src =js / modernizr.js>< / script> 
< / body> 
< / html>

这是我的PHP文件：

<$ p $ b $ <？php if（isset（$ _ POST ['email']））{ //根据需要$ b编辑2行$ b $ email_to =mail@example.com; $ email_subject =表单提交; 函数已死（$ error）{ //您的错误代码可以在这里 echo我们非常抱歉，但发现错误用你提交的表格。; echo这些错误出现在下方。< br />< br />; echo $ error。< br />< br />; echo请回去修正这些错误。< br />< br />; die（）; } //验证预期数据存在 if（！isset（$ _ POST ['first_name']）|| ！isset（$ _ POST ['last_name ']）|| ！isset（$ _ POST ['email']）|| ！isset（$ _ POST ['telephone']）|| ！isset（$ _ POST [''评论']））{ 死了（'我们很抱歉，但是您提交的表单看起来有问题。'）; } $ first_name = $ _POST ['first_name']; //必需 $ last_name = $ _POST ['last_name']; //必需 $ email_from = $ _POST ['email']; //必需 $ telephone = $ _POST ['telephone']; //不需要 $ comments = $ _POST ['comments']; //必需 $ error_message =; $ email_exp ='/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2， 4} $ /'; if（！preg_match（$ email_exp，$ email_from））{ $ error_message。='您输入的电子邮件地址似乎不是有效的。< br />'; } $ string_exp =/ ^ [A-Za-z .'-] + $ /; if（！preg_match（$ string_exp，$ first_name））{ $ error_message。='您输入的名字看起来不是有效的。< br />'; if（！preg_match（$ string_exp，$ last_name））{ $ error_message。='您输入的姓氏不是有效的。< br />>' ; if（strlen（$ comments）< 2）{ $ error_message。='您输入的注释看起来不是有效的< br />'; } if（strlen（$ error_message）> 0）{ died（$ error_message）; } $ email_message =下面的表格详细信息。函数clean_string（$ string）{ $ bad = array（content-type，bcc：，to：，cc：，href）; 返回str_replace（$ bad，，$ string）; } $ email_message。=名字：.clean_string（$ first_name）。\\\ ; $ email_message。=姓氏：.clean_string（$ last_name）。\\\ ; $ email_message。=电子邮件地址：.clean_string（$ email_from）。\\\ ; $ email_message。=电话：.clean_string（$ telephone）。\\\ ; $ email_message。=评论：.clean_string（$ comments）。\\\ ; //创建电子邮件标题 $ headers ='From：'。$ email_from。\r\\\ 。 '回复：'。$ email_from。\r\\\ 。 'X-Mailer：PHP /'。 phpversion（）; @mail（$ email_to，$ email_subject，$ email_message，$ headers）; ？> <！ - 我希望这种方式可以保留在模式页面 - > < p style =font-size：16px; text-align：center;>感谢您与我们联系。我们会尽快与您联系。< / p> < p style =font-size：16px; text-align：center;>点击< a href =index.htmlstyle =text-decoration：none; color ：green;>这里< / a>回家。< / p> <？php } ？>

解决方案

将两个文件合并为一个文件并确保它具有PHP扩展 .php 。

然后将您的表单操作设置为 action =< ？php $ _SERVER ['PHP_SELF']？>

然后在 @mail（$ email_to， $ email_subject，$ email_message，$ headers）;

add header（Location：thank_you.htm）;

这对我很有用，但它在网址中添加了 #openmodal 。它在一定程度上起作用，你可能需要修改你的模态脚本来修复它。

Hello I'm trying to get my php form success (or error) message to load within the modal window that the form is actually in. I would like to just have the form open in the modal, without having to switch pages for any reason. I've been search S/O and couldn't find anything similar. Maybe I'm not asking the right question...I don't know. My code currently looks like:
EDIT: This is the code that works properly. Needs to be styled still but it's functional.
<?php if(isset($_POST['email'])) { // EDIT THE 2 LINES BELOW AS REQUIRED $email_to = "webadmin@collegeboundparentnetwork.com"; $email_subject = "Form Submission"; function died($error) { // your error code can go here echo "We are very sorry, but there were error(s) found with the form you submitted. "; echo "These errors appear below.<br /><br />"; echo $error."<br /><br />"; echo "Please go back and fix these errors.<br /><br />"; die(); } // validation expected data exists if(!isset($_POST['first_name']) || !isset($_POST['last_name']) || !isset($_POST['email']) || !isset($_POST['telephone']) || !isset($_POST['comments'])) { died('We are sorry, but there appears to be a problem with the form you submitted.'); } $first_name = $_POST['first_name']; // required $last_name = $_POST['last_name']; // required $email_from = $_POST['email']; // required $telephone = $_POST['telephone']; // not required $comments = $_POST['comments']; // required $error_message = ""; $email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/'; if(!preg_match($email_exp,$email_from)) { $error_message .= 'The Email Address you entered does not appear to be valid.<br />'; } $string_exp = "/^[A-Za-z .'-]+$/"; if(!preg_match($string_exp,$first_name)) { $error_message .= 'The First Name you entered does not appear to be valid.<br />'; } if(!preg_match($string_exp,$last_name)) { $error_message .= 'The Last Name you entered does not appear to be valid.<br />'; } if(strlen($comments) < 2) { $error_message .= 'The Comments you entered do not appear to be valid.<br />'; } if(strlen($error_message) > 0) { died($error_message); } $email_message = "Form details below.\n\n"; function clean_string($string) { $bad = array("content-type","bcc:","to:","cc:","href"); return str_replace($bad,"",$string); } $email_message .= "First Name: ".clean_string($first_name)."\n"; $email_message .= "Last Name: ".clean_string($last_name)."\n"; $email_message .= "Email: ".clean_string($email_from)."\n"; $email_message .= "Telephone: ".clean_string($telephone)."\n"; $email_message .= "Comments: ".clean_string($comments)."\n"; // create email headers $headers = 'From: '.$email_from."\r\n". 'Reply-To: '.$email_from."\r\n" . 'X-Mailer: PHP/' . phpversion(); @mail($email_to, $email_subject, $email_message, $headers); ?>  <style> </style> <div id="openModal" class="modalDialog"> <div> <a href="#close" title="Close" class="close">X</a> <p id="p1">Message</p> <p style="font-size: 16px;">Thank you for contacting us. We will be in touch with you very soon.</p> <p style="font-size: 16px;">Click <a href="index.html" style="text-decoration: none; color: green;">Here</a> to return home.</p> </div> </div> <?php } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>College Bound Parent Network</title> <link rel="stylesheet" href="css/main_styles.css"> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>  <style> form{margin-left: 80px; margin-right: 80px; text-align: left;} #p1 {text-align: left; margin-left: 80px;} .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 800px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); } .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #00d9ff; } </style> </head> <body class="no-js"> <div id="center_div"> <nav id="topNav"> <ul> <li><a href="student-athlete.html" title="Athletes">Athletes</a></li> <li><a href="student-music.html" title="Music">Music</a></li> <li><a href="testing.html" title="Testing">Testing</a></li>  <li><a href="advising.html" title="Advising">Advising</a></li> <li><a href="links.html" title="Useful Links">Links</a></li> <li><a href="contact.html" title="Contact CBPN">Contact</a></li> </ul> </nav> <div id="header"><a href="index.html">College Bound Parents Network</a></div> <hr id="hr"/> <div id="inner_article"> </br> <p id="p1">Welcome to CBPN College Recruiting</p> <p> &nbsp&nbspFor the last 20 years our team has been involved working with college bound students and their families. Over the years not only cost of college has increased but also the number of students applying for college has increased from 1.2 million to over 3 million a year in 2012. Students who have an above averge GPA no longer can be assured of a seat at the college. Also affordability is a key issue in determining which school that student attends. </p> <p> &nbsp&nbspUnderstanding the increase in the number of students who are now applying to college, we have put together a web site that assists college bound students and their families in the following ways: <ul style="text-align: left; margin: 5px 15px 5px 15px;"> <li>1. Create an athletic recruitment tool where student athletes can actively promote themselves to college coaches;</li><br/> <li>2. Help with recruitment for of musically talented students who want to continue to play in college.</li><br/> <li>3. Offer an online test prep service to prepare students with both SAT/ACT. Too often students forget that they will not receive all their college money for their sports or music talent. We know test scores play a key role with merit aid.</li><br/> <li>4. Offer an SAT/ACT diagnostic tool, so students can spend their time preparing for the right test: offer AP prep courses. Due to the importance of the SAT/ACT for acceptance and merit aid, we believe students should focus on the test that best suits their skills so using the diagnostic tool will help determine which test is best for each student.</li><br/> </ul> </p> <p> We hope you enjoy the tools offered and ask that you contact us at any time if you have any questions or concerns. </p> <p id="demo"> <a href="#openModal"><img src="/images/contact_us.jpg" align="center" title="Click to contact us!"/></a><br/> <figcaption>Contact Us!</figcaption> <br/><br/> </p> <div id="openModal" class="modalDialog"> <div> <a href="#close" title="Close" class="close">X</a> <p id="p1">Contact Us</p> <form id="frm1" name="contactform" method="post" action="<?php $_SERVER['PHP_SELF']?>"> <table width="450px"> <tr> <td valign="top"> <label for="first_name">First Name *</label> </td> <td valign="top"> <input type="text" name="first_name" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top""> <label for="last_name">Last Name *</label> </td> <td valign="top"> <input type="text" name="last_name" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top"> <label for="email">Email Address *</label> </td> <td valign="top"> <input type="text" name="email" maxlength="80" size="30"> </td> </tr> <tr> <td valign="top"> <label for="telephone">Telephone Number</label> </td> <td valign="top"> <input type="text" name="telephone" maxlength="30" size="30"> </td> </tr> <tr> <td valign="top"> <label for="comments">Comments*</label> </td> <td valign="top"> <textarea name="comments" maxlength="1000" cols="60" rows="6" wrap="hard">Please provide grade level and type of assistance you are looking for.</textarea> </td> </tr> <tr> <td colspan="2" style="text-align:center"> <input type="submit" value="Submit"> </td> </tr> </table> </form> </div> </div> </div> </div> <script src="js/jquery.js"></script> <script src="js/modernizr.js"></script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>College Bound Parent Network</title> <link rel="stylesheet" href="css/main_styles.css"> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>  <style> form{margin-left: 80px; margin-right: 80px; text-align: left;} #p1 {text-align: left; margin-left: 80px;} .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 800px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999); background: -o-linear-gradient(#fff, #999); } .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #00d9ff; } </style> </head> <body class="no-js"> <div id="center_div"> <nav id="topNav"> <ul> <li><a href="student-athlete.html" title="Athletes">Athletes</a></li> <li><a href="student-music.html" title="Music">Music</a></li> <li><a href="testing.html" title="Testing">Testing</a></li>  <li><a href="advising.html" title="Advising">Advising</a></li> <li><a href="links.html" title="Useful Links">Links</a></li> <li><a href="contact.html" title="Contact CBPN">Contact</a></li> </ul> </nav> <div id="header"><a href="index.html">College Bound Parents Network</a></div> <hr id="hr"/> <div id="inner_article"> </br> <p id="p1">Welcome to CBPN College Recruiting</p> <p> &nbsp&nbspFor the last 20 years our team has been involved working with college bound students and their families. Over the years not only cost of college has increased but also the number of students applying for college has increased from 1.2 million to over 3 million a year in 2012. Students who have an above averge GPA no longer can be assured of a seat at the college. Also affordability is a key issue in determining which school that student attends. </p> <p> &nbsp&nbspUnderstanding the increase in the number of students who are now applying to college, we have put together a web site that assists college bound students and their families in the following ways: <ul style="text-align: left; margin: 5px 15px 5px 15px;"> <li>1. Create an athletic recruitment tool where student athletes can actively promote themselves to college coaches;</li><br/> <li>2. Help with recruitment for of musically talented students who want to continue to play in college.</li><br/> <li>3. Offer an online test prep service to prepare students with both SAT/ACT. Too often students forget that they will not receive all their college money for their sports or music talent. We know test scores play a key role with merit aid.</li><br/> <li>4. Offer an SAT/ACT diagnostic tool, so students can spend their time preparing for the right test: offer AP prep courses. Due to the importance of the SAT/ACT for acceptance and merit aid, we believe students should focus on the test that best suits their skills so using the diagnostic tool will help determine which test is best for each student.</li><br/> </ul> </p> <p> We hope you enjoy the tools offered and ask that you contact us at any time if you have any questions or concerns. </p> <p id="demo"> <a href="#openModal"><img src="/images/contact_us.jpg" align="center" title="Click to contact us!"/></a><br/> <figcaption>Contact Us!</figcaption> <br/><br/> </p> <div id="openModal" class="modalDialog"> <div> <a href="#close" title="Close" class="close">X</a> <p id="p1">Contact Us</p> <form id="frm1" name="contactform" method="post" action="send_form_email.php"> <table width="450px"> <tr> <td valign="top"> <label for="first_name">First Name *</label> </td> <td valign="top"> <input type="text" name="first_name" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top""> <label for="last_name">Last Name *</label> </td> <td valign="top"> <input type="text" name="last_name" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top"> <label for="email">Email Address *</label> </td> <td valign="top"> <input type="text" name="email" maxlength="80" size="30"> </td> </tr> <tr> <td valign="top"> <label for="telephone">Telephone Number</label> </td> <td valign="top"> <input type="text" name="telephone" maxlength="30" size="30"> </td> </tr> <tr> <td valign="top"> <label for="comments">Comments*</label> </td> <td valign="top"> <textarea name="comments" maxlength="1000" cols="60" rows="6" wrap="hard">Please provide grade level and type of assistance you are looking for.</textarea> </td> </tr> <tr> <td colspan="2" style="text-align:center"> <input type="submit" value="Submit"> </td> </tr> </table> </form> </div> </div> </div> </div> <script src="js/jquery.js"></script> <script src="js/modernizr.js"></script> </body> </html>
HERE is my PHP file:
<?php if(isset($_POST['email'])) { // EDIT THE 2 LINES BELOW AS REQUIRED $email_to = "mail@example.com"; $email_subject = "Form Submission"; function died($error) { // your error code can go here echo "We are very sorry, but there were error(s) found with the form you submitted. "; echo "These errors appear below.<br /><br />"; echo $error."<br /><br />"; echo "Please go back and fix these errors.<br /><br />"; die(); } // validation expected data exists if(!isset($_POST['first_name']) || !isset($_POST['last_name']) || !isset($_POST['email']) || !isset($_POST['telephone']) || !isset($_POST['comments'])) { died('We are sorry, but there appears to be a problem with the form you submitted.'); } $first_name = $_POST['first_name']; // required $last_name = $_POST['last_name']; // required $email_from = $_POST['email']; // required $telephone = $_POST['telephone']; // not required $comments = $_POST['comments']; // required $error_message = ""; $email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/'; if(!preg_match($email_exp,$email_from)) { $error_message .= 'The Email Address you entered does not appear to be valid.<br />'; } $string_exp = "/^[A-Za-z .'-]+$/"; if(!preg_match($string_exp,$first_name)) { $error_message .= 'The First Name you entered does not appear to be valid.<br />'; } if(!preg_match($string_exp,$last_name)) { $error_message .= 'The Last Name you entered does not appear to be valid.<br />'; } if(strlen($comments) < 2) { $error_message .= 'The Comments you entered do not appear to be valid.<br />'; } if(strlen($error_message) > 0) { died($error_message); } $email_message = "Form details below.\n\n"; function clean_string($string) { $bad = array("content-type","bcc:","to:","cc:","href"); return str_replace($bad,"",$string); } $email_message .= "First Name: ".clean_string($first_name)."\n"; $email_message .= "Last Name: ".clean_string($last_name)."\n"; $email_message .= "Email: ".clean_string($email_from)."\n"; $email_message .= "Telephone: ".clean_string($telephone)."\n"; $email_message .= "Comments: ".clean_string($comments)."\n"; // create email headers $headers = 'From: '.$email_from."\r\n". 'Reply-To: '.$email_from."\r\n" . 'X-Mailer: PHP/' . phpversion(); @mail($email_to, $email_subject, $email_message, $headers); ?>   <p style="font-size: 16px; text-align: center;">Thank you for contacting us. We will be in touch with you very soon.</p> <p style="font-size: 16px; text-align: center;">Click <a href="index.html" style="text-decoration: none; color: green;">Here</a> to return home.</p> <?php } ?>
解决方案
Merge both files into one and make sure it has a PHP extension .php.
Then set your form action to action="<?php $_SERVER['PHP_SELF']?>"
and then underneath @mail($email_to, $email_subject, $email_message, $headers);
add header("Location: thank_you.htm");
That worked for me, but it added #openmodal to the web address. It works to a certain extent, and you may have to modify your modal script to fix that.

这篇关于在与表单相同的模式窗口中加载php成功消息的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！