javascript - 表单上的 AJAX 引用错误

Question

我有以下 AJAX 脚本，用于我的页面上的联系表单

$(function() {

    // Get the form.
    var contactForm = $('#contactForm');

    // Get the messages div.
    var formMessages = $('#form-messages');

    // Set up an event listener for the contact form.
    $(form).submit(function(e) {
        // Stop the browser from submitting the form.
        e.preventDefault();

        // Serialize the form data.
        var formData = $(form).serialize();

        // Submit the form using AJAX.
        $.ajax({
            type: 'POST',
            url: $(form).attr('action'),
            data: formData
        })
        :
        :

HTML

 <form id="contactForm" name="contactForm" action="php-scripts/contact-form.php" method="post">
           <label for="name">Name</label>
           <br />
           <input type="text" name="name" id="conName" />
           <br />
           <label for="email">Email</label>
           <br />
           <input type="text" name="email" id="conEmail" />
           <br />
           <label for="phone">Phone</label>

我的问题

在我的网络控制台上，我收到错误:

ReferenceError: form is not defined

$(form).submit(function(e)

作为 AJAX 的新手，我不明白为什么会收到此错误，任何帮助将不胜感激

如果您需要更多信息来帮助，请告诉我

Answer 1

没有定义名为form的变量。最有可能缺少 form 周围的 quote -

$('form').submit(function(e)

或 contactForm 已定义

contactForm.submit(function(e)