Javascript bootstrap 3联系人表单不工作

Javascript bootstrap 3联系人表单不工作,javascript,php,twitter-bootstrap-3,contact-form,Javascript,Php,Twitter Bootstrap 3,Contact Form,我试着在文章的帮助下快速建立一个联系表。起初,它工作正常,我收到的回复发送到我的邮件,但突然它停止了工作。我尝试将代码托管在一个新的byethost域和服务器中,但问题仍然存在 我还将我网站中的MX记录更改为使用zoho mail,但这不应该是表单不起作用的原因吗 代码如下: HTML: 发送 JS: $(function() { $("input,textarea").jqBootstrapValidation( { preventSubmit: tru

我试着在文章的帮助下快速建立一个联系表。起初,它工作正常,我收到的回复发送到我的邮件,但突然它停止了工作。我尝试将代码托管在一个新的byethost域和服务器中,但问题仍然存在

我还将我网站中的MX记录更改为使用zoho mail,但这不应该是表单不起作用的原因吗

代码如下:

HTML:






发送
JS:

$(function() {

 $("input,textarea").jqBootstrapValidation(
    {
     preventSubmit: true,
     submitError: function($form, event, errors) {


     },
     submitSuccess: function($form, event) {
      event.preventDefault(); 

       var name = $("input#name").val();  
       var email = $("input#email").val();
       var number = $("input#number").val();  
       var message = $("textarea#message").val();
        var firstName = name; 

        if (firstName.indexOf(' ') >= 0) {
     firstName = name.split(' ').slice(0, -1).join(' ');
         }        
   $.ajax({
                url: "../bin/contact_me.php",
              type: "POST",
              data: {name: name, email: email, number: number, message: message},
              cache: false,
              success: function() {  
              // Success message
                 $('#success').html("<div class='alert alert-success'>");
                 $('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
                .append( "</button>");
                $('#success > .alert-success')
                .append("<strong>Thank you for leaving a message "+firstName+". We'll get back to you soon.</strong>");
      $('#success > .alert-success')
      .append('</div>');


      $('#contactForm').trigger("reset");
        },
     error: function() {    

     $('#success').html("<div class='alert alert-danger'>");
              $('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
               .append( "</button>");
              $('#success > .alert-danger').append("<strong>Sorry "+firstName+" it seems that our mail server is not responding...</strong> Could you please email us directly to <a href='mailto:my@emailid.com?Subject=Message_Me from mywebsite.com'>my@emailid.com</a> ? Sorry for the inconvenience!");
          $('#success > .alert-danger').append('</div>');

    $('#contactForm').trigger("reset");
      },
           })
         },
         filter: function() {
                   return $(this).is(":visible");
         },
       });

      $("a[data-toggle=\"tab\"]").click(function(e) {
                    e.preventDefault();
                    $(this).tab("show");
        });
  });



$('#name').focus(function() {
     $('#success').html('');
  });
$(函数(){
$(“输入,文本区域”).jqBootstrapValidation(
{
对,,
submitError:函数($form、event、errors){
},
submitSuccess:函数($form,event){
event.preventDefault();
变量名称=$(“输入名称”).val();
var email=$(“输入电子邮件”).val();
变量编号=$(“输入编号”).val();
var message=$(“textarea#message”).val();
var firstName=名称;
if(firstName.indexOf(“”)>=0){
firstName=name.split(“”).slice(0,-1).join(“”);
}        
$.ajax({
url:“../bin/contact_me.php”,
类型:“POST”,
数据:{name:name,email:email,number:number,message:message},
cache:false,
成功:函数(){
//成功信息
$('#success').html(“”);
$('#success>.alert success').html(“×;”)
.附加(“”);
$(“#success>.alert success”)
.append(“感谢您留言”+firstName+”。我们很快会回复您。”;
$(“#success>.alert success”)
.附加(“”);
$('#contactForm')。触发器(“重置”);
},
错误:函数(){
$('#success').html(“”);
$('#success>.alert danger').html(“×;”)
.附加(“”);
$(“#success>.alert danger”).append(“对不起”+firstName+”我们的邮件服务器似乎没有响应…您能直接给我们发电子邮件吗?给您带来不便,非常抱歉!”);
$(“#success>.alert danger”).append(“”);
$('#contactForm')。触发器(“重置”);
},
})
},
过滤器:函数(){
return$(this).is(“:可见”);
},
});
$(“a[数据切换=\”选项卡\“])。单击(函数(e){
e、 预防默认值();
$(此).tab(“显示”);
});
});
$('#name')。焦点(函数(){
$('#success').html('');
});
PHP:

<?php
// check if fields passed are empty
if(empty($_POST['name'])      ||
   empty($_POST['email'])     ||
   empty($_POST['number'])     ||
   empty($_POST['message']) ||
   !filter_var($_POST['email'],FILTER_VALIDATE_EMAIL))
   {
  echo "No arguments Provided!";
  return false;
   }

$name = $_POST['name'];
$email_address = $_POST['email'];
$number_phone = $_POST['number'];
$message = $_POST['message'];

// create email body and send it  
$to = 'my@emailid.com'; // put your email
$email_subject = "Heads up! You've got a new message from:  $name";
$email_body = "Hello Team! You have received a new message. \n\n".
          " Here are the details:\n \nName: $name \n ".
          "Email: $email_address\n Contact Number: $number_phone \n Message:\n $message";
$headers = "From: my@emailid.com\n";
$headers .= "Reply-To: $email_address"; 
mail($to,$email_subject,$email_body,$headers);
return true;      
?>

请说明您的具体问题。您是否在php脚本中没有得到任何响应,或者您是否得到了错误的东西?代码对我来说似乎没问题,我唯一能怀疑的就是ajax请求的url。编辑我刚刚意识到你正在尝试验证输入和文本区域!您应该验证表单
$(“#contactForm”)…
。尝试使用绝对链接,如果没有回应,请再试一次。如果你得到了错误的回复,请回答我评论中提到的第一个问题。邮件不在你的垃圾邮件框中吗?在这种情况下,我会使用PHPMailer:@jPO-我没有得到任何响应。我检查了链接并使用了绝对链接,成功了。然后返回到正常链接“./bin/contact_me.php”,它又开始工作了!真奇怪!无论如何,非常感谢!我将尝试使用现在建议的PHPMailer Dimas。@DimasPante-是的,他们将进入我的垃圾邮件箱。但早些时候我并没有在我的邮件中看到它们。现在好像又开始工作了。我现在要试试PHPMailer。谢谢
<?php
// check if fields passed are empty
if(empty($_POST['name'])      ||
   empty($_POST['email'])     ||
   empty($_POST['number'])     ||
   empty($_POST['message']) ||
   !filter_var($_POST['email'],FILTER_VALIDATE_EMAIL))
   {
  echo "No arguments Provided!";
  return false;
   }

$name = $_POST['name'];
$email_address = $_POST['email'];
$number_phone = $_POST['number'];
$message = $_POST['message'];

// create email body and send it  
$to = 'my@emailid.com'; // put your email
$email_subject = "Heads up! You've got a new message from:  $name";
$email_body = "Hello Team! You have received a new message. \n\n".
          " Here are the details:\n \nName: $name \n ".
          "Email: $email_address\n Contact Number: $number_phone \n Message:\n $message";
$headers = "From: my@emailid.com\n";
$headers .= "Reply-To: $email_address"; 
mail($to,$email_subject,$email_body,$headers);
return true;      
?>