Question

我正在使用Ajax联系表单的网站上工作。尝试了很多，它成功发送邮件没有标题下面是我的代码请帮我解决这个问题

码

        <div class="form">
          <div class="title">
            <h2 class="orange"><span class="orange">Contact</span> US</h2>
          </div>
          <div class="height15"></div>
          <div id="return_message"></div>
          <div class="field">
            <label>First Name:</label>
            <input name="name" type="text" />
          </div>
          <div class="field">
            <label>Phone Number:</label>
            <input name="phone" type="text" />
          </div>
          <div class="field">
            <label>Email Address:</label>
            <input name="email" type="text" />
          </div>
          <label>Message:</label>
          <textarea name="message" cols="" rows=""></textarea>
          <div class="clear"></div>
          <a class="org_btn more submit"  id="submit" href="#.">Submit</a> </div>

          <script language="javascript">
        $(document).ready(function() {
            $("#menu_btn").click(function(){
            $("#sub_menu").slideToggle("slow");
          });


          //Contact us form validation
          $('#return_message').hide();
          $('#submit').click(function(event){

              var name = $('#name').val();
              var phone = $('#phone').val();
              var email = $('#email').val();
              var message = $('#message').val();

              if( (name=='') || (phone=='') || (email=='') || (message=='') )
              {
                  $('#name').addClass('error_active');
                  $('#phone').addClass('error_active');
                  $('#email').addClass('error_active');
                  $('#message').addClass('error_active');
              }
              else
              {
                  var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

                  if(!regex.test(email)) 
                  {
                     alert("Please Enter valid email address"); 
                     $('#email').addClass('error_active');
                  }
                  else
                  {


                    $.ajax(
                    {
                        type: 'POST',
                        data: ({name : name, phone : phone, email : email, message : message}),
                        url: 'send_mail.php',
                        success: function(data)
                        {

                            if(data)
                            {
                                $('#return_message').show('slow').html("<p>Email has been sent...</p>");

                                $('#name').val('');
                                $('#phone').val('');
                                $('#email').val('');
                                $('#message').val('');

                                 $('#name').removeClass('error_active');
                                 $('#phone').removeClass('error_active');
                                 $('#email').removeClass('error_active');
                                 $('#message').removeClass('error_active');
                            }
                            else
                            {
                                $('#return_message').show('slow').html("<p>Email has not been sent...</p>");
                            }
                        }
                    });              
                  }
              }
              });
        });
</script>

php代码

<?php
$name    = $_POST['name'];
$email    = $_POST['email'];
$phone   = $_POST['phone'];
$message = $_POST['message'];

$to = "info@kodspider.com";  // Please put your email addres.
$subject = "Marthoman Vidyapeedom"; //Please put subject of your email.
if($phone!='')
{
    $message2 = $message.'\r\nPhone:'.$phone;
}
else
{
    $message2 = $message;
}
$message = $message.'\r\nPhone:'.$phone;
$headers = "From: ".$email;
$sent = mail( $to, $subject, $message2, $headers );
if($sent)
{
    echo "success";
}
else
{
    echo "error";
}

?>

Answer 1

你已经给出了

<input name="name" type="text" />

但在jquery你的呼叫

$('#name').val('')

jquery中的

#selector仅用于id

进行更改

<input name="name" id="name" type="text" />

有关jquery read this

的更多详细信息

Ajax联系表格不起作用

1 个答案: