2013-12-17 61 views
0

我有一个联系表单,我想在某人完成并提交他们的信息后隐藏。以下是代码。理想情况下,我想隐藏HTML字段集标签之间的所有内容。我知道这可以用jQuery来完成,但用PHP可以吗?使用PHP提交后隐藏联系表单?

<form id="contact" method="post" action="index.php"> 
    <fieldset> 
     <label for="name">Full Name<span class="red"> *</span></label> 
     <input type="text" name="name" title="Enter your name" required> 

     <label for="email">E-mail Address<span class="red"> *</span></label> 
     <input type="email" name="email" placeholder="[email protected]" title="Enter your e-mail address" required> 

     <label for="phone">Phone Number</label> 
     <input type="tel" name="phone" title="Enter your phone number" placeholder="ex. (555) 555-5555"> 

     <label for="message">Questions and Comments<span class="red"> *</span></label> 
     <textarea type="text" name="message" title="Enter your questions or comments" required></textarea>                       

     <label>What is 4+2? (Anti-spam)<span class="red"> *</span></label> 
     <input type="text" name="human" placeholder="Answer Here" title="Answer Here" required> 

     <input type="submit" name="submit" class="button" id="submit" value="Send Us A Message" title="Send us a message" /> 
     <p class="red"> 
      * Indicates the field is required. 
     </p> 
    </fieldset> 
    <!-- Contact Form Details --> 
    <?php $name = $_POST['name']; 
     $email = $_POST['email']; 
     $message = $_POST['message']; 
     $from = 'This message has been sent from your website.'; 
     $to = '[email protected]'; 
     $subject = 'From your contact form'; 
     $human = $_POST['human']; 

     $body = " From: $name\n E-Mail: $email\n Message:\n $message"; 

     if ($_POST['submit'] && $human == '6') { 
      if (mail($to, $subject, $body, $from)) { 
       echo ' 
    <h2>Thank You!</h2> 
    <span class="message"> 
     Your message has been sent! 
    </span>'; 
      } else { 
       echo ' 
    <h2>Oops!</h2> 
    <span class="message"> 
     Something went wrong, go back and try again! 
    </span>'; 
      } 
     } else if ($_POST['submit'] && $human != '6') { 
      echo ' 
      <h2>Incorrect Answer!</h2> 
    <span class="message"> 
     The correct answer is 6. Please try again. 
    </span>'; 
     } 
    ?> 
</form> 

UPDATE:尝试一些建议后,我意识到,因为形式提交后,网页被重新加载,试图掩盖的形式是没有意义的。你点击提交,表单消失,页面重新加载,表单再次出现。所以我在一个容器中包围了from并修改了CSS,因此消息出现在表单上方,这很好。不过谢谢大家的帮忙。非常感谢!

+1

PHP是一种服务器端语言。在你的页面被渲染的时候,PHP早已执行。这种类型的问题已经被问过很多次了。您可以发回到您的表单并以这种方式隐藏它,但它不能像JavaScript一样交互地完成。 [这里是一个例子](http://stackoverflow.com/questions/12219753/how-to-show-or-hide-a-form-using-php)。 [你也应该尝试利用SO上的搜索。](http://stackoverflow.com/search?q=use+php+to+hide+form) – Buggabill

回答

0

试试这个:

if(!isset($_POST['submit'])) 
{ 
    <form id="contact" method="post" action="index.php"> 
    <!--Contents in between--> 
    </form> 
} 

也能改变你的HTML:

<form id="contact" method="post" action="index.php"> 
    <fieldset> 
     <label for="name">Full Name<span class="red"> *</span></label> 
     <input type="text" name="name" title="Enter your name" required> 

     <label for="email">E-mail Address<span class="red"> *</span></label> 
     <input type="email" name="email" placeholder="[email protected]" title="Enter your e-mail address" required> 

     <label for="phone">Phone Number</label> 
     <input type="tel" name="phone" title="Enter your phone number" placeholder="ex. (555) 555-5555"> 

     <label for="message">Questions and Comments<span class="red"> *</span></label> 
     <textarea type="text" name="message" title="Enter your questions or comments" required></textarea>                       

     <label>What is 4+2? (Anti-spam)<span class="red"> *</span></label> 
     <input type="text" name="human" placeholder="Answer Here" title="Answer Here" required> 

     <input type="submit" name="submit" class="button" id="submit" value="Send Us A Message" title="Send us a message" /> 
     <p class="red"> 
      * Indicates the field is required. 
     </p> 
    </fieldset> 
</form> 
    <!-- Contact Form Details --> 
    <?php $name = $_POST['name']; 
     $email = $_POST['email']; 
     $message = $_POST['message']; 
     $from = 'This message has been sent from your website.'; 
     $to = '[email protected]'; 
     $subject = 'From your contact form'; 
     $human = $_POST['human']; 

     $body = " From: $name\n E-Mail: $email\n Message:\n $message"; 

     if ($_POST['submit'] && $human == '6') { 
      if (mail($to, $subject, $body, $from)) { 
       echo ' 
    <h2>Thank You!</h2> 
    <span class="message"> 
     Your message has been sent! 
    </span>'; 
      } else { 
       echo ' 
    <h2>Oops!</h2> 
    <span class="message"> 
     Something went wrong, go back and try again! 
    </span>'; 
      } 
     } else if ($_POST['submit'] && $human != '6') { 
      echo ' 
      <h2>Incorrect Answer!</h2> 
    <span class="message"> 
     The correct answer is 6. Please try again. 
    </span>'; 
     } 
    ?> 

不要包括联系表格详细<form>...</form>

+0

如果CAPTCHA失败,那么这将不起作用,我认为。 –

0

成功时,设置一个变量:

$success = true; 

然后周围的HTML表单:

<?php echo $success ? '<!--' : ''; ?> 
// form here... 
<?php echo $success ? '-->' : ''; ?> 
0

为什么不把上述表单的PHP代码,并添加一个if条件?如果您只想在整个浏览器会话中只显示一次表单,则必须使用php会话来存储标志。

<form id="contact" method="post" action="index.php"> 
    <fieldset> 
     <!-- Contact Form Details --> 
     <?php 
     $success = false; 
     $name = $_POST['name']; 
     $email = $_POST['email']; 
     $message = $_POST['message']; 
     $from = 'This message has been sent from your website.'; 
     $to = '[email protected]'; 
     $subject = 'From your contact form'; 
     $human = $_POST['human']; 

     $body = " From: $name\n E-Mail: $email\n Message:\n $message"; 

     if ($_POST['submit'] && $human == '6') { 
      if (mail($to, $subject, $body, $from)) { 
       $success = true; 
       echo ' 
    <h2>Thank You!</h2> 
    <span class="message"> 
     Your message has been sent! 
    </span>'; 
      } else { 
       echo ' 
    <h2>Oops!</h2> 
    <span class="message"> 
     Something went wrong, go back and try again! 
    </span>'; 
      } 
     } else if ($_POST['submit'] && $human != '6') { 
      echo ' 
      <h2>Incorrect Answer!</h2> 
    <span class="message"> 
     The correct answer is 6. Please try again. 
    </span>'; 
     } 

     if ($success) { 
     ?> 
     <label for="name">Full Name<span class="red"> *</span></label> 
     <input type="text" name="name" title="Enter your name" required> 

     <label for="email">E-mail Address<span class="red"> *</span></label> 
     <input type="email" name="email" placeholder="[email protected]" title="Enter your e-mail address" required> 

     <label for="phone">Phone Number</label> 
     <input type="tel" name="phone" title="Enter your phone number" placeholder="ex. (555) 555-5555"> 

     <label for="message">Questions and Comments<span class="red"> *</span></label> 
     <textarea type="text" name="message" title="Enter your questions or comments" required></textarea> 

     <label>What is 4+2? (Anti-spam)<span class="red"> *</span></label> 
     <input type="text" name="human" placeholder="Answer Here" title="Answer Here" required> 

     <input type="submit" name="submit" class="button" id="submit" value="Send Us A Message" title="Send us a message" /> 
     <p class="red"> 
      * Indicates the field is required. 
     </p> 
     <?php } ?> 
    </fieldset> 

</form>