javascript - 没有出现成功

Question

帮助得出数据传输成功的结论。我尝试了不同的方法，但没有成功。单击“发送”按钮，数据已发送，但显示消息“数据发送成功”。我需要它消失，取而代之的是一条消息“数据发送成功”

    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;
    }
});

表单.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/ - 测试网站

Answer 1

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

var form = $(form);

要淡出它，你可以使用这个:

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

表单 != 表单