Javascript 联系人表单PHP发送器发送按钮卡在加载位置_Javascript_Php_Html_Phpmailer_Contact Form

Javascript 联系人表单PHP发送器发送按钮卡在加载位置

javascript php html

Javascript 联系人表单PHP发送器发送按钮卡在加载位置,javascript,php,html,phpmailer,contact-form,Javascript,Php,Html,Phpmailer,Contact Form,我的联系方式有问题。我正在使用来自的代码。但是我无法让它工作，它没有发送邮件（或者我没有收到邮件），我甚至在按下“发送”后也没有收到“成功”消息。我也有 <form role="form" id="feedbackForm" method = "post" data-toggle="validator" data-disable="false"> <div class="form-group"> <label class

我的联系方式有问题。我正在使用来自的代码。但是我无法让它工作，它没有发送邮件（或者我没有收到邮件），我甚至在按下“发送”后也没有收到“成功”消息。我也有

    <form role="form" id="feedbackForm" method = "post" data-toggle="validator" data-disable="false">
        <div class="form-group">
          <label class="control-label" for="name">Name *</label>
          <div class="input-group">
            <input type="text" class="form-control" id="name" name="name" placeholder="Enter your name" required/>
            <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
          </div>
          <span class="help-block" style="display: none;">Please enter your name.</span>
        </div>

        <div class="form-group">
          <label class="control-label" for="phone">Phone</label>
          <input type="tel" class="form-control optional" id="phone" name="phone" placeholder="Enter your phone (Optional)"/>
          <span class="help-block" style="display: none;">Please enter a valid phone number.</span>
        </div>

        <div class="form-group">

          <span class="help-block" style="display: none;">Please enter a valid e-mail address.</span>
        </div>
        <div class="form-group">
          <label class="control-label" for="email">Email Address *</label>
          <div class="input-group">
            <input type="email" class="form-control" id="email" name="email" placeholder="Enter your email" required/>
            <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
          </div>
          <span class="help-block" style="display: none;">Please enter a valid e-mail address.</span>
        </div>
        <div class="form-group">
          <label class="control-label" for="message">Message *</label>
          <div class="input-group">
            <textarea rows="5" cols="30" class="form-control" id="message" name="message" placeholder="Enter your message" required></textarea>
            <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
          </div>
          <span class="help-block" style="display: none;">Please enter a message.</span>
        </div>
        <div class="form-group">
          <div class="g-recaptcha" data-sitekey="6LfIxCQTAAAAAK7ZBb9liJNpaebx12UbmOfiqtl9"></div>
          <span class="help-block" style="display: none;">Please check that you are not a robot.</span>
        </div>
        <span class="help-block" style="display: none;">Please enter a the security code.</span>
        <button type="submit" id="feedbackSubmit" class="btn btn-primary btn-lg" data-loading-text="Sending..." style="display: block; margin-top: 10px;">Send Feedback</button>
      </form>
    </div><!--/span-->
  </div><!--/row-->
  <hr>
</div><!--/.container-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="assets/vender/intl-tel-input/js/intlTelInput.min.js"></script>
<script src="assets/js/contact-form.js"></script>
<script src="https://www.google.com/recaptcha/api.js"></script>

HTTP500:服务器错误-无法执行请求，因为服务器遇到意外情况。（XHR）：职位- 从控制台

    <form role="form" id="feedbackForm" method = "post" data-toggle="validator" data-disable="false">
        <div class="form-group">
          <label class="control-label" for="name">Name *</label>
          <div class="input-group">
            <input type="text" class="form-control" id="name" name="name" placeholder="Enter your name" required/>
            <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
          </div>
          <span class="help-block" style="display: none;">Please enter your name.</span>
        </div>

        <div class="form-group">
          <label class="control-label" for="phone">Phone</label>
          <input type="tel" class="form-control optional" id="phone" name="phone" placeholder="Enter your phone (Optional)"/>
          <span class="help-block" style="display: none;">Please enter a valid phone number.</span>
        </div>

        <div class="form-group">

          <span class="help-block" style="display: none;">Please enter a valid e-mail address.</span>
        </div>
        <div class="form-group">
          <label class="control-label" for="email">Email Address *</label>
          <div class="input-group">
            <input type="email" class="form-control" id="email" name="email" placeholder="Enter your email" required/>
            <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
          </div>
          <span class="help-block" style="display: none;">Please enter a valid e-mail address.</span>
        </div>
        <div class="form-group">
          <label class="control-label" for="message">Message *</label>
          <div class="input-group">
            <textarea rows="5" cols="30" class="form-control" id="message" name="message" placeholder="Enter your message" required></textarea>
            <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
          </div>
          <span class="help-block" style="display: none;">Please enter a message.</span>
        </div>
        <div class="form-group">
          <div class="g-recaptcha" data-sitekey="6LfIxCQTAAAAAK7ZBb9liJNpaebx12UbmOfiqtl9"></div>
          <span class="help-block" style="display: none;">Please check that you are not a robot.</span>
        </div>
        <span class="help-block" style="display: none;">Please enter a the security code.</span>
        <button type="submit" id="feedbackSubmit" class="btn btn-primary btn-lg" data-loading-text="Sending..." style="display: block; margin-top: 10px;">Send Feedback</button>
      </form>
    </div><!--/span-->
  </div><!--/row-->
  <hr>
</div><!--/.container-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="assets/vender/intl-tel-input/js/intlTelInput.min.js"></script>
<script src="assets/js/contact-form.js"></script>
<script src="https://www.google.com/recaptcha/api.js"></script>

HTML

    <form role="form" id="feedbackForm" method = "post" data-toggle="validator" data-disable="false">
        <div class="form-group">
          <label class="control-label" for="name">Name *</label>
          <div class="input-group">
            <input type="text" class="form-control" id="name" name="name" placeholder="Enter your name" required/>
            <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
          </div>
          <span class="help-block" style="display: none;">Please enter your name.</span>
        </div>

        <div class="form-group">
          <label class="control-label" for="phone">Phone</label>
          <input type="tel" class="form-control optional" id="phone" name="phone" placeholder="Enter your phone (Optional)"/>
          <span class="help-block" style="display: none;">Please enter a valid phone number.</span>
        </div>

        <div class="form-group">

          <span class="help-block" style="display: none;">Please enter a valid e-mail address.</span>
        </div>
        <div class="form-group">
          <label class="control-label" for="email">Email Address *</label>
          <div class="input-group">
            <input type="email" class="form-control" id="email" name="email" placeholder="Enter your email" required/>
            <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
          </div>
          <span class="help-block" style="display: none;">Please enter a valid e-mail address.</span>
        </div>
        <div class="form-group">
          <label class="control-label" for="message">Message *</label>
          <div class="input-group">
            <textarea rows="5" cols="30" class="form-control" id="message" name="message" placeholder="Enter your message" required></textarea>
            <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
          </div>
          <span class="help-block" style="display: none;">Please enter a message.</span>
        </div>
        <div class="form-group">
          <div class="g-recaptcha" data-sitekey="6LfIxCQTAAAAAK7ZBb9liJNpaebx12UbmOfiqtl9"></div>
          <span class="help-block" style="display: none;">Please check that you are not a robot.</span>
        </div>
        <span class="help-block" style="display: none;">Please enter a the security code.</span>
        <button type="submit" id="feedbackSubmit" class="btn btn-primary btn-lg" data-loading-text="Sending..." style="display: block; margin-top: 10px;">Send Feedback</button>
      </form>
    </div><!--/span-->
  </div><!--/row-->
  <hr>
</div><!--/.container-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="assets/vender/intl-tel-input/js/intlTelInput.min.js"></script>
<script src="assets/js/contact-form.js"></script>
<script src="https://www.google.com/recaptcha/api.js"></script>

我对JavaScript和PHP非常陌生，所以可能我错过了一些东西，但我试图在Google上找到一个解决方案，但没有找到

    <form role="form" id="feedbackForm" method = "post" data-toggle="validator" data-disable="false">
        <div class="form-group">
          <label class="control-label" for="name">Name *</label>
          <div class="input-group">
            <input type="text" class="form-control" id="name" name="name" placeholder="Enter your name" required/>
            <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
          </div>
          <span class="help-block" style="display: none;">Please enter your name.</span>
        </div>

        <div class="form-group">
          <label class="control-label" for="phone">Phone</label>
          <input type="tel" class="form-control optional" id="phone" name="phone" placeholder="Enter your phone (Optional)"/>
          <span class="help-block" style="display: none;">Please enter a valid phone number.</span>
        </div>

        <div class="form-group">

          <span class="help-block" style="display: none;">Please enter a valid e-mail address.</span>
        </div>
        <div class="form-group">
          <label class="control-label" for="email">Email Address *</label>
          <div class="input-group">
            <input type="email" class="form-control" id="email" name="email" placeholder="Enter your email" required/>
            <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
          </div>
          <span class="help-block" style="display: none;">Please enter a valid e-mail address.</span>
        </div>
        <div class="form-group">
          <label class="control-label" for="message">Message *</label>
          <div class="input-group">
            <textarea rows="5" cols="30" class="form-control" id="message" name="message" placeholder="Enter your message" required></textarea>
            <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
          </div>
          <span class="help-block" style="display: none;">Please enter a message.</span>
        </div>
        <div class="form-group">
          <div class="g-recaptcha" data-sitekey="6LfIxCQTAAAAAK7ZBb9liJNpaebx12UbmOfiqtl9"></div>
          <span class="help-block" style="display: none;">Please check that you are not a robot.</span>
        </div>
        <span class="help-block" style="display: none;">Please enter a the security code.</span>
        <button type="submit" id="feedbackSubmit" class="btn btn-primary btn-lg" data-loading-text="Sending..." style="display: block; margin-top: 10px;">Send Feedback</button>
      </form>
    </div><!--/span-->
  </div><!--/row-->
  <hr>
</div><!--/.container-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="assets/vender/intl-tel-input/js/intlTelInput.min.js"></script>
<script src="assets/js/contact-form.js"></script>
<script src="https://www.google.com/recaptcha/api.js"></script>

我希望我已经说清楚了，谢谢。

设置SMTPDebug=2将中断您的JSON响应，因为PHP编译器调试输出不是JSON格式。不过，像往常一样，错误500意味着您的PHP脚本中有错误，所以请检查您的服务器日志，看看它是什么。一次只测试一件事——让PHP与javascript分开工作，否则就无法判断问题的根源。这是基本的调试。根据提供的示例编写代码，并按照文档中的说明进行操作，不要盲目复制和粘贴找到的内容。设置SMTPDebug=2将中断JSON响应，因为phpMail调试输出不是JSON格式。不过，像往常一样，错误500意味着您的PHP脚本中有错误，所以请检查您的服务器日志，看看它是什么。一次只测试一件事——让PHP与javascript分开工作，否则就无法判断问题的根源。这是基本的调试。根据提供的示例编写代码，按照文档中的说明进行操作，不要盲目地复制和粘贴您发现的内容。

    <form role="form" id="feedbackForm" method = "post" data-toggle="validator" data-disable="false">
        <div class="form-group">
          <label class="control-label" for="name">Name *</label>
          <div class="input-group">
            <input type="text" class="form-control" id="name" name="name" placeholder="Enter your name" required/>
            <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
          </div>
          <span class="help-block" style="display: none;">Please enter your name.</span>
        </div>

        <div class="form-group">
          <label class="control-label" for="phone">Phone</label>
          <input type="tel" class="form-control optional" id="phone" name="phone" placeholder="Enter your phone (Optional)"/>
          <span class="help-block" style="display: none;">Please enter a valid phone number.</span>
        </div>

        <div class="form-group">

          <span class="help-block" style="display: none;">Please enter a valid e-mail address.</span>
        </div>
        <div class="form-group">
          <label class="control-label" for="email">Email Address *</label>
          <div class="input-group">
            <input type="email" class="form-control" id="email" name="email" placeholder="Enter your email" required/>
            <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
          </div>
          <span class="help-block" style="display: none;">Please enter a valid e-mail address.</span>
        </div>
        <div class="form-group">
          <label class="control-label" for="message">Message *</label>
          <div class="input-group">
            <textarea rows="5" cols="30" class="form-control" id="message" name="message" placeholder="Enter your message" required></textarea>
            <span class="input-group-addon"><i class="glyphicon glyphicon-unchecked form-control-feedback"></i></span>
          </div>
          <span class="help-block" style="display: none;">Please enter a message.</span>
        </div>
        <div class="form-group">
          <div class="g-recaptcha" data-sitekey="6LfIxCQTAAAAAK7ZBb9liJNpaebx12UbmOfiqtl9"></div>
          <span class="help-block" style="display: none;">Please check that you are not a robot.</span>
        </div>
        <span class="help-block" style="display: none;">Please enter a the security code.</span>
        <button type="submit" id="feedbackSubmit" class="btn btn-primary btn-lg" data-loading-text="Sending..." style="display: block; margin-top: 10px;">Send Feedback</button>
      </form>
    </div><!--/span-->
  </div><!--/row-->
  <hr>
</div><!--/.container-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="assets/vender/intl-tel-input/js/intlTelInput.min.js"></script>
<script src="assets/js/contact-form.js"></script>
<script src="https://www.google.com/recaptcha/api.js"></script>