我的网页表单存在问题

时间:2011-08-08 12:10:36

标签: javascript jquery html

我遇到的问题是我创建的表单我确信我遗漏了一些简单的东西因为某些原因它没有将电话号码发送到电子邮件所有其他字段都被发送并在电子邮件中输出。< / p>

HTML表单如下:

            <div class="form-wrapper">
                <p id="success"></p>
                    <form id="contact-form" name="contact-form" method="POST">
                    <label class="label">Name:</label>
                    <p><input type="text" value="" name="contact-names" class="contact-names"/><span class="name-required"></span></p>
                    <label class="label">Email:</label>
                     <p><input type="text" value="" name="contact-email" class="contact-email"/><span class="email-required"></span></p>
                     <label class="label">Phone:</label>
                     <p><input type="text" value="" name="contact-phone" class="contact-phone"/><span class="phone-required"></span></p>
                     <label class="label">Message</label>
                     <p>
                    <textarea class="contact-commnent" name="comments">
                    </textarea><span class="comment-required"></span></p>
                    <label class="label"></label>
                     <p id="p-submit">
                    <input id="submit-form" class="submit-button" name="submit"type="submit" value="Submit"></p>
                 </form>
                </div>

javascript是:

$('#submit-form').click(function(){

     var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
     var names               = $('#contact-form [name="contact-names"]').val();  
   var email_address = $('#contact-form [name="contact-email"]').val();
   var phone = $('#contact-form [name="contact-phone"]').val();
   var comment           = $.trim($('#contact-form .contact-commnent').val());
   var data_html ='' ;


                if(names == ""){
                     $('.name-required').html('Your name is required.');
                }else{
                     $('.name-required').html('');
                }
                if(email_address == ""){
                     $('.email-required').html('Your email is required.');
                }else if(reg.test(email_address) == false){
                     $('.email-required').html('Invalid Email Address.');
                }else{
                     $('.email-required').html('');
                }

                if(phone == ""){
                     $('.phone-required').html('Your Phone Number is required.');
                }else{
                     $('.phone-required').html('');
                }

                if(comment == ""){
                     $('.comment-required').html('Comment is required.');
                }else{
                     $('.comment-required').html('');
                }

        if(comment != "" && names != "" && reg.test(email_address) != false){

            data_html = "names="+ names + "&comment=" + comment + "&email_address="+ email_address;

            //alert(data_html);

          $.ajax({
                  type: 'POST',
                  url: 'contact-send.php',
                  data: data_html,
                  success: function(msg){
                    if (msg == 'sent'){
                            $('#success').html('Your Message Has Been Sent We Will Be In Touch Soon')   ;
                            $('#contact-form [name="contact-names"]').val('');   
                          $('#contact-form [name="contact-email"]').val('');
                          $('#contact-form [name="contact-phone"]').val('');
                        $('#contact-form .contact-commnent').val('');

                        }else{
                            $('#success').html('Mail Error. Please Try Again.!')    ;   
                        }
                  }
            });

      }

        return false;
    });

PHP是:

<?php
 $names = $_POST['names'];
 $email = $_POST['email_address'];
 $phone = $_POST['phone'];
 $comment = $_POST['comment'];
 $to ='EMAIL ADDRESS GOES HERE REMOVED';

 $message = "";
 $message .= "Name: " . htmlspecialchars($names, ENT_QUOTES) . "<br>\n";
 $message .= "Email: " . htmlspecialchars($email, ENT_QUOTES) . "<br>\n";
 $message .= "Phone: " . htmlspecialchars($phone, ENT_QUOTES) . "<br>\n";
 $message .= "Message: " . htmlspecialchars($comment, ENT_QUOTES) . "<br>\n";
 $lowmsg = strtolower($message);

 $headers = "MIME-Version: 1.0\r\nContent-type: text/html; charset=iso-8859-1\r\n";
 $headers .= "From: \"" . $names . "\" <" . $email . ">\r\n";
 $headers .= "Reply-To: " .  $email . "\r\n";
 $message = utf8_decode($message);  mail($to, "Note from the Contact Form", $message, $headers);

 if ($message){
        echo 'sent';
 }else{
      echo 'failed';
 }
?>

如果有人能看到我错过的东西,我会非常感激我多年来一直在看这个并且看不到我错过的东西。

2 个答案:

答案 0 :(得分:3)

data_html = "names="+ names + "&comment=" + comment + "&email_address="+ email_address;

此行是您要发布到服务器的数据,但看起来您忘记附上电话号码了!

答案 1 :(得分:1)

使用:

data_html = "names="+ names + "&comment=" + comment + 
            "&email_address="+ email_address + "&phone=" + phone;

而不是:

data_html = "names="+ names + "&comment=" + comment + 
            "&email_address="+ email_address;

您缺少附加电话变量!

相关问题