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

时间:2012-07-26 15:20:21

标签: html ajax forms

因此我的语法显然有问题。验证没问题。当我单击提交时,表单会向我发送电子邮件,然后删除我输入的值。到目前为止一切都还可以。但它并没有像现在这样消失。如果我再次点击提交,它就会淡出。谢谢!

<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('');

            } 
    }

});

1 个答案:

答案 0 :(得分:0)

行。我想到了。问题是,除此之外我再次说了ajax.Form。我删除了那一行,它完美地运作。所以,如果有人犯了与我相同的错误,请删除$(“#form1”)。ajaxForm(function()。