Question

Wordpress电子邮件表单

大家好

我一直在很多网站上使用这种电子邮件表格，而且它总能奏效。

我试过在Wordpress网站上使用它，但它不会

有什么明显的理由说明这种方法在Wordpress网站中不起作用。

我需要一个不会重新加载联系页面的电子邮件表单，因为表单位于底部。

HTML

    <form action="#" id="contact_form">
         <input type="text" id="name" placeholder="Name:">
         <input type="text" id="email" placeholder="Email:">
         <textarea id="message" rows="8" cols="40" placeholder="Message:"></textarea>
                <input type="submit" id="submit"/>
                <div id="status">
           <p></p>
         </div>
     </form>

Jquery的

      $('#submit').click(function(){    
        //
        var nameVal = $('#contact_form #name').val();
        var emailVal = $('#contact_form #email').val();
        var messageVal = $('#contact_form #message').val();
        //
        $.post('/contact_form.php', {name: nameVal, email: emailVal, message: messageVal}, function(data){
            $("#status p").html(data);
            $("#status p").show().fadeOut(3500);
            if(data.indexOf('Thank You')==0) {document.forms[0].reset();}
        });
      })

PHP

        $errors = array();
        $required_fields = array('name','email','message');
        foreach($required_fields as $fieldname){
            if(!isset($_POST[$fieldname]) || empty($_POST[$fieldname])){
                $errors[] = $fieldname;
            }
        }

        if(empty($errors)){
            $name_field = Trim(stripslashes($_POST['name']));
            $name = explode(' ', $name_field);
            $firstname = ucfirst($name[0]);
            $email_field = Trim(stripslashes($_POST['email']));
            $message = Trim(stripslashes($_POST['message']));
            //
            $to = "info@ttmt.org.uk";
            $subject = "Email from Website";
            $body = "From: $name_field\n E-Mail: $email_field\n Message:\n $message";
            //
            mail($to, $subject, $body);
            echo "Thank You $firstname";
        }else{
            echo "Please complete all.";
        }

---更新---

我现在有一部分工作了。

部分问题是jquery无法找到php。

我在wp-conntent中创建了一个'code'文件夹并将php放在那里，jquery看起来像这样。

    $j.post('wp-content/code/contactEngine.php', { theName:nameVal, theEmail:emailVal, theMessage:messageVal }, function(data){

现在我从php文件中获取返回的数据，但不发送电子邮件。

这不适用于WP

    mail($to, $subject, $body);

Answer 1

你不能在Wordpress中使用$ _POST ['name']。使用其他命名输入字段将解决您的问题，最终您可以使用'Contact Form 7'Wordpress-plugin获得更好的用户体验： - ）

Wordpress电子邮件表格

1 个答案: