JQuery PHP формы отправки - Как получить входные данные формы для отображения? - PullRequest
Новая
       4

JQuery PHP формы отправки - Как получить входные данные формы для отображения?

1 голос
/ 25 июля 2011

У меня есть контактная форма> www.bgv.co.za/testspace/contact_3.php, она использует jquery validate и PHP.У меня есть несколько битов добавления / удаления класса, чтобы скрыть или показать заголовок «Спасибо», и несколько php-файлов, если они настроены для отображения успешных входных данных для отправки формы.

Моя проблема в том, что при отправке вы видите страницу благодарности, ноdiv> sadhu не показывает данные, которые вводит пользователь ... потому что они не отображаются как div - помогите

Вот мой Jquery: 

$(document).ready(function(){
$('#contactform').validate({
showErrors: function(errorMap, errorList) {
   //restore the normal look
   $('#contactform div.xrequired').removeClass('xrequired').addClass('_required');
   //stop if everything is ok
   if (errorList.length == 0) return;
   //Iterate over the errors
   for(var i = 0;i < errorList.length; i++)
   $(errorList[i].element).parent().removeClass('_required').addClass('xrequired');
},
submitHandler: function(form) {             
    $('h1.success_').removeClass('success_').addClass('success_form');
    $("#content").empty();
    $("#content").append('#sadhu');
    $('#contactform').hide();
    var usr = document.getElementById('contactname').value;
    var eml = document.getElementById('email').value;
    var msg = document.getElementById('message').value;
    document.getElementById('out').innerHTML = usr + " " + eml + msg;
    document.getElementById('out').style.display = "block";
    form.submit();
}
});
});

Вот мой PHP:

$subject = "Website Contact Form Enquiry";

//If the form is submitted
if(isset($_POST['submit'])) {

//Check to make sure that the name field is not empty
if(trim($_POST['contactname']) == '') {
    $hasError = true;
} else {
    $name = trim($_POST['contactname']);
}

//Check to make sure sure that a valid email address is submitted
if(trim($_POST['email']) == '')  {
    $hasError = true;
} else if (!eregi("^[A-Z0-9._%-]+@[A-Z0-9._%-]+\.[A-Z]{2,4}$", trim($_POST['email']))) {
    $hasError = true;
} else {
    $email = trim($_POST['email']);
}

//Check to make sure comments were entered
if(trim($_POST['message']) == '') {
    $hasError = true;
} else {
    if(function_exists('stripslashes')) {
        $comments = stripslashes(trim($_POST['message']));
    } else {
        $comments = trim($_POST['message']);
    }
}

//If there is no error, send the email
if(!isset($hasError)) {
    $emailTo = 'info@bgv.co.za'; //Put your own email address here
    $body = "Name: $name \n\nEmail: $email \n\nComments:\n $comments";
    $headers = 'From: My Site <'.$emailTo.'>' . "\r\n" . 'Reply-To: ' . $email;

    mail($emailTo, $subject, $body, $headers);
    $emailSent = true;

}
}

А вот моя ФОРМА: 

            <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" id="contactform" >
        <div class="_required"><p class="label_left">Name*</p><input type="text" size="50" name="contactname" id="contactname" value="" class="required" /></div><br/><br/>
        <div class="_required"><p class="label_left">E-mail address*</p><input type="text" size="50" name="email" id="email" value="" class="required email" /></div><br/><br/>
        <p class="label_left">Message</p><textarea rows="5" cols="50" name="message" id="message" class="required"></textarea><br/>
        <input type="submit" value="submit" name="submit" id="submit" />
        </form>

1 Ответ

0 голосов
/ 25 июля 2011

<div id='sadhu'> нигде не определено. Вы добавляете его к #content с помощью кода Javascript, но его не существует. 

$("#content").append('#sadhu');

Возможно, вы захотите что-то вроде 

$("#content").append("<div id='sadhu'>stuff in here...</div>");

Вы поместили записи формы во что-то с идентификатором out. Если этот материал также должен быть в <div id='sadhu'>, то вы можете просто поместить в него .html() из out: 

document.getElementById('out').innerHTML = usr + " " + eml + msg;
document.getElementById('out').style.display = "block";
$("#content").append("<div id='sadhu'>" + $("#out").html() + "</div>");
...