Javascript jQuery-未捕获类型错误：t.append不是函数

我目前正在使用jqueryvalidate和Ajax进行表单提交。当我提交这个文件时，什么都没有发生，页面会重新加载-因为某种原因.append（）不是一个函数

代码如下。非常感谢您的帮助

var $contact_form = $('#enquiry-form');
$contact_form.validate({
    errorPlacement: function() {
        return false;
    },
    submitHandler: function($contact_form) {
        $contact_form.append('<img class="loading" src="../../images/site/loading.gif">');

        $.ajax({
            type: "POST",
            url: "../../ajax/contact-form-send.php",
            data: $contact_form.serialize(),
            success: function(response) {

                var resp = JSON.parse(response);

                $contact_form.find('input').remove();
                $contact_form.find('textarea').remove();
                $contact_form.append('<p class="status-code ' + resp.status + '">' + resp.msg + '</p>');
            },
            error: function() {
                console.log('Ajax request not received');
            }
        });

        return false; //Stop the redirect after submission via ajax.
    }
});

var$contact_form=$（“#查询表”）；
$contact\u form.validate({
errorPlacement:函数（）{
返回false；
},
submitHandler:函数（$contact_form）{
$contact_form.追加（“”）；
$.ajax({
类型：“POST”，
url:“../ajax/contact form send.php”，
数据：$contact_form.serialize（），
成功：功能（响应）{
var resp=JSON.parse（响应）；
$contact_form.find（'input'）.remove（）；
$contact_form.find（'textarea'）.remove（）；
$contact_form.append（“
“+resp.msg+”
”）；
},
错误：函数（）{
log（“未收到Ajax请求”）；
}
});
return false；//通过ajax提交后停止重定向。
}
});

开发人员为表示表单对象的submitHandler函数提供了一个参数

submitHandler:function（form）{…

这样您就可以像这样使用它了…

data:$（form）.serialize（）

，等等

var $contact_form = $('#enquiry-form');
$contact_form.validate({
    errorPlacement: function() {
        return false;
    },
    submitHandler: function() {
        $contact_form.append('<img class="loading" src="../../images/site/loading.gif">');

        $.ajax({
            type: "POST",
            url: "../../ajax/contact-form-send.php",
            data: $contact_form.serialize(),
            success: function(response) {

                var resp = JSON.parse(response);

                $contact_form.find('input').remove();
                $contact_form.find('textarea').remove();
                $contact_form.append('<p class="status-code ' + resp.status + '">' + resp.msg + '</p>');
            },
            error: function() {
                console.log('Ajax request not received');
            }
        });

        return false; //Stop the redirect after submission via ajax.
    }
});

var$contact_form=$（“#查询表”）；
$contact\u form.validate({
errorPlacement:函数（）{
返回false；
},
submitHandler:function（）{
$contact_form.追加（“”）；
$.ajax({
类型：“POST”，
url:“../ajax/contact form send.php”，
数据：$contact_form.serialize（），
成功：功能（响应）{
var resp=JSON.parse（响应）；
$contact_form.find（'input'）.remove（）；
$contact_form.find（'textarea'）.remove（）；
$contact_form.append（“
“+resp.msg+”
”）；
},
错误：函数（）{
log（“未收到Ajax请求”）；
}
});
return false；//通过ajax提交后停止重定向。
}
});

您正在将

$contact\u form

重新定义为submitHandler参数，该参数是DOM节点，而不是jq objectRight。对不起，我不确定到底需要更改什么？您可以删除它：

submitHandler:function（）{…}

事件处理程序将

事件作为第一个参数接收。只需从
submitHandler:函数（$submit\u form）中删除
$submit\u form
line，因为此变量将是事件或jqEvent。对了，明白了。谢谢大家-这似乎很有效！更正确的是…开发人员为表示表单对象的submitHandler函数提供了一个参数。
submitHandler:function（form）{…
这样您就可以像这样使用它了…
数据：$（form）。序列化（）
，等等。如果你打算在回答中剽窃我的评论，至少花点时间编辑你自己的代码块来显示它在说什么。