在与表单相同的模式窗口中加载php成功消息 [英] Loading a php success message within a modal window same as the form

查看：160
本文介绍了在与表单相同的模式窗口中加载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）; 
？> 
 
 <！ - 包括您自己的成功html在这里 - > 
< 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>