javascript - jQuery-发布后非法调用

我正在创建联系表单，执行该表单时会出现以下错误：


  未捕获的TypeError：非法调用


这是我的代码，似乎找不到错误。
如果您想实时查看问题：Link goes here

$(document).ready(function() {

var submit      = $('#contact input[type="submit"]');

var name        = $('#contact input[name="name"]');
var email       = $('#contact input[name="email"]');
var company     = $('#contact input[name="company"]');
var phone       = $('#contact input[name="phone"]');
var skype       = $('#contact input[name="skype"]');
var budget      = $('#contact ul.budget span.value');
var message     = $('#contact textarea');

// validation
$(submit).click(function() {
    event.preventDefault();
    var proceed = true;

    if( name.val().length == 0 ) {
        $(name).addClass('animated bounce');
        proceed = false;
    }
    if ( email.val().length == 0 ) {
        $(email).addClass('animated bounce');
        proceed = false;
    }
    if ( budget.hasClass('notset')) {
        $('.budget').addClass('animated bounce');
        proceed = false;
    }
    if ( message.val().length == 0 ) {
        $(message).addClass('animated bounce');
        proceed = false;
    }
    if ( name.val().length == 0 || email.val().length == 0 || budget.hasClass('notset') || message.val().length == 0 ) {
        setTimeout(function () {
            $('input, .budget, textarea').removeClass('animated bounce');
        }, 1000);
    }

    // if form is correctly filled
    if(proceed) {

        post_data = {'cName':name, 'cEmail':email, 'cCompany':company, 'cPhone':phone, 'cSkype':skype, 'cBudget':budget, 'cMessage':message};

        $.post('contactsubmit.php', post_data, function(response){

            if(response.type == 'error')
            {
                output = response.text;
            }else{
                output = response.text;
            }

            alert(output);
        }, 'json');
    }
});

});

我以前使用过它，现在我对验证进行了一些更改，只是将其清理了一下，它开始让我感到困惑。

感谢我能得到的所有帮助。

谢谢！

最佳答案

您的发布数据看起来像这样

post_data = {'cName':name, 'cEmail':email, 'cCompany':company, 'cPhone':phone, 'cSkype':skype, 'cBudget':budget, 'cMessage':message};

请注意，您引用的所有变量都是jQuery对象

var name        = $('#contact input[name="name"]');
var email       = $('#contact input[name="email"]');
var company     = $('#contact input[name="company"]');
var phone       = $('#contact input[name="phone"]');
etc ...

您不能使用$.post发送jQuery对象，这是“非法调用”，您可能需要使用该值

var post_data = {
    cName  : name.val(),
    cEmail : email.val(),
    etc ...
}

关于javascript - jQuery-发布后非法调用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24975825/