html - Ajax 表单需要在淡出之前点击两次提交

Question

所以我的语法显然有问题。验证没问题。当我单击提交时，表单会向我发送电子邮件，然后它会删除我输入的值。到目前为止一切都很好。但它并没有像它应该的那样淡出。如果我再次单击提交，则它会淡出。谢谢！

<script type="text/javascript">
$(document).ready(function () {
    $('#form1').ajaxForm({
        beforeSubmit: validate
    });

    function validate(formData, jqForm, options) {
        var name = $('input[name=name]').fieldValue();
        var email = $('input[name=email]').fieldValue();
        var message = $('textarea[name=message]').fieldValue();

        if (!name[0]) {
            alert('Please enter a value for name');
            return false;
        }
        if (!email[0]) {
            alert('Please enter a value for email');
            return false;
        }
        if (!message[0]) {
            alert('Please enter a value for message');
            return false;
        }

        else {
            $("#form1").ajaxForm(function () {
        $("#formplic").fadeOut(1000, function () {
            $(this).html("<img src='images/postauto3.png'/>").fadeIn(2000);
        });
    });
        var message = $('textarea[name=message]').val('');
        var name = $('input[name=name]').val('');
        var email = $('input[name=email]').val('');

            } 
    }

});

Answer 1

好的。我想到了。问题是，我再次声明了ajax.Form。我删除了那条线，它工作得很好。所以，如果有人犯了和我一样的错误，删除 $("#form1").ajaxForm(function ().