【问题标题】:Contact form with Bootstrap + Php not workingBootstrap + Php的联系表格不起作用
【发布时间】:2014-06-09 16:47:24
【问题描述】:

我是一个初学者,我正在尝试使用这个教程http://untame.net/2013/05/how-to-build-a-modal-contact-form-in-twitter-bootstrap-with-php-ajax 来创建我的联系表。邮件发不出去!你有什么想法,为什么?感谢您的帮助!

点击发送后,我在地址网上有这个:http://viktorius.fr/?question=&email=&save=contact

这里是 HTML 代码:

<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><img src="img/glyphicons_012_heart.png"></span>
                                        <input id="login-username" type="text" class="form-control" name="username" value="" placeholder="What is your question ?">                                        
                                    </div>

                                    <h5 id="Email" align="left" color="#000"<span style="color:black">For the answer, let us your email :</h5>


                                 <div style="margin-bottom: 25px" class="input-group">
                                        <span class="input-group-addon"><img src="img/glyphicons_290_skull.png"></span></span>
                                        <input id="login-username" type="text" class="form-control" name="username" value="" placeholder="Email">                                        
                                    </div>



       <!-- Form itself -->


        <div class="form-actions">
            <input type="hidden" name="save" value="contact">
        <button type="submit" class="btn btn-primary pull-right">Send</button><br />

这里是 PHP 代码:

<?php
ini_set(“SMTP”,”smtp.viktorius.fr”);
ini_set(“smtp_port”,”25″);
$myemail = 'postmaster@viktorius.fr';
if (isset($_POST['question'])) {
$email = strip_tags($_POST['email']);
echo "<span class=\"alert alert-success\" >Your message has been received. Thanks! Here is what you submitted:</span><br><br>";
echo "<stong>Question:</strong> ".$question."<br>";
echo "<stong>Email:</strong> ".$email."<br>";   

【问题讨论】:

  • if(isset($_POST['name'])) 之前的那两个反引号不是您代码的一部分,?如果是,请删除它们。
  • @Fred-ii- 不,不在我的代码中。我不知道为什么这个反引号在这里!
  • 我从您的问题/代码中删除了反引号。
  • 提交表单后是否看到#thanks 消息?
  • 你包含了多个版本的 jQuery 和 Bootstrap.js !

标签: php jquery ajax twitter-bootstrap


【解决方案1】:
if (isset($_POST['name']))

<input id="login-username" type="text" class="form-control" name="username" value="" placeholder="What is your question ?"> 

检查输入的名称,php 无法读取您的帖子数据。

【讨论】:

  • 我已经通过问题和电子邮件更改了输入。这里的 HTML 代码:&lt;input id="question" type="text" class="form-control" name="username" value="" placeholder="What is your question ?"&gt;&lt;input id="email" type="text" class="form-control" name="username" value="" "placeholder="For the answer, let us your email adress here :"&gt;
  • 这里是 PHP 代码:&lt;?php $myemail = 'postmaster@viktorius.fr'; if (isset($_POST['question'])) { $email = strip_tags($_POST['email']); echo "&lt;span class=\"alert alert-success\" &gt;Your message has been received. Thanks! Here is what you submitted:&lt;/span&gt;&lt;br&gt;&lt;br&gt;"; echo "&lt;stong&gt;Question:&lt;/strong&gt; ".$question."&lt;br&gt;"; echo "&lt;stong&gt;Email:&lt;/strong&gt; ".$email."&lt;br&gt;"; 但它不起作用我不明白。
  • @user3723137 如果您更改了代码上的某些内容,如果我建议您也编辑您的问题。
【解决方案2】:

这里没有一个表格...

ajax 期望序列化

<form class="contact">...

$('form.contact').serialize(),

而且你没有表格 您应该将所有输入和按钮放在带有类联系人的表单标签中,如下所示:

<form action="" class="contact">    
    <div style="margin-bottom: 25px" class="input-group">
        <span class="input-group-addon"><img src="img/glyphicons_012_heart.png"></span>
        <input id="login-username" type="text" class="form-control" name="username" value="" placeholder="What is your question ?">
    </div>
    <div style="margin-bottom: 25px;" class="input-group">
        <span class="input-group-addon"><img src="img/glyphicons_290_skull.png"></span>
        <input id="login-username" type="text" class="form-control" name="username" value="" color="#000000"placeholder="For the answer, let us your email adress here :">
    </div>
    <div class="form-actions">
        <input type="hidden" name="save" value="contact">
    <button type="submit" class="btn btn-primary pull-right">Send</button><br>
    </div>
</form>

【讨论】:

  • 感谢您的帮助!我正在尝试您的解决方案。点击提交后我有这个地址网络:http://viktorius.fr/?question=Where+is+the+Eiffel+Tower+%3F&amp;email=test%40test.com&amp;save=contact你有什么想法,为什么?
猜你喜欢
  • 2014-03-31
  • 1970-01-01
  • 1970-01-01
  • 2015-05-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-10-27
相关资源
最近更新 更多