成功不会出现

时间:2016-02-01 16:45:33

标签: javascript php jquery

帮助确定成功传输数据。我尝试过不同的方式,但它不起作用。通过单击“发送”按钮,数据将被发送,但消息“数据已成功发送”。 我需要它形成消失,而不是它有一个消息“数据发送成功”

    submitHandler: function(form){
        var $form = $(form);
        $.post('form.php', $form.serialize(), function(data){
            if (!data || data.status !== 'ok') {
                $form.find('input').addClass('error');
                return false;
            }
            forms.fadeOut('slow', function(){
                $('.form--success').fadeIn('fast');
            });
        }, 'json');
        return false;
    }
});

form.php的

if(isset($_POST['submit'])) {
    $to = "example@example.com";
    $subject = "Contact Form";
    $phone = $_POST['phone'];
    $mail = $_POST['mail'];
    $headers = "From: $phone<$mail>\r\n";
    $body = "From: $phone<$mail>\r\n Phone Number: $phone\n E-Mail:      $mail\n";
    mail($to, $subject, $body, $headers);
    exit();
 } 

http://37.230.210.96/ - 测试网站

1 个答案:

答案 0 :(得分:3)

您没有将正确的元素定位为淡出。你有:

#!/usr/bin/env python

为了消除这种情况,你会使用它:

var form = $(form);

form.fadeOut('slow', function(){ $('.form--success').fadeIn('fast'); }); != forms