-2

我有这个 PHP 联系表单脚本（如下所示），我以前使用过它，所以我知道它可以工作，但是，由于我已经将 html 表单隐藏在一个新的 jQuery 驱动的 div 中：（<div class="toggle hidemail" id="drop-button" href=""> Email us here </div> <div class="hidden hiddenform">）可以上下切换，我似乎根本无法发送表单，发送时的表单应该淡出然后给用户一个确认消息（如脚本中所示）但它没有做任何事情，我想没有人会知道发生了什么这里错了，所以我可以让这个表格再次工作？

<?php

    $to = 'example@gmail.com';
    $subject = 'Company Name';

    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['message'];

    $body = <<<EMAIL
        Hello my name is $name.
        $message
        From $name
        my email address is $email

    EMAIL;

    if($name == '' || $email == '' || $message == "") {
        echo "<h5>Sorry, I think you missed  bit....</h5>";
        $error = true;
    } else {
        $error = false;
        mail("example@gmail.com", $name, $email, $message);
        echo "<h5>Thank you for getting in touch. I'll get back to you ASAP.</h5>";
    }

    if($error == true):
?>

<article id="contact-form">             
    <article id="load_area">
        <form id="my-form">                     
            <input type="text" name="name" placeholder="Name" />
            <input type="text" name="email" placeholder="Email" />
            <textarea name="message" placeholder="Message" /></textarea>
            <input type="button" class="submit_button" value="Send" name="send_button" />                           
        </form>     
    </article>                              
</article>
<?php 
    endif; 
?>

这是 HTML：

<div class="toggle hidemail" id="drop-button" href=""> Email us here </div>
    <div class="hidden hiddenform">
        <article id="contact-form">
            <article id="load_area">
                <form id="my-form">         
                    <input type="text" name="name" placeholder="Name" />
                    <input type="text" name="email" placeholder="Email" />
                    <textarea name="message" placeholder="Message" /></textarea>
                    <input type="button" class="submit_button" value="Send" name="send_button" />                   
                </form>
            </article>          
        </article>
    </div>

$(document).ready(function() {
    $(".submit_button").live("click", function() {
        $("#load_area").fadeOut('slow', function() {
            $("#load_area").fadeIn();
            $.post("process.php", $("#my-form").serialize(), function(data) {
                $("#load_area").html(data);
            })
        });
    })
})
4

1 回答 1

2

尝试使用

$(".submit_button").on("click", function(){

代替'$(".submit_button").live("click", function(){

来自 jQuery 文档：

从 jQuery 1.7 开始，不推荐使用 .live() 方法

也尝试使用

$('#my-form').submit(function() {
  alert('Handler for .submit() called.');
  return false;
});

并在您的 html 表单中设置一个操作，如下所示：

<form id="my-form" action="process.php">
于 2013-08-20T10:40:16.050 回答