Javascript 表单上的AJAX引用错误

我的页面上有一个用于联系人表单的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>

作为AJAX的新手，我不明白为什么会出现这种错误，任何帮助都将不胜感激

---

如果您需要更多信息来帮助，请让我知道

没有定义名为

表单

的变量。很可能缺少

表单

-

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

或定义了联系人表单

contactForm.submit(function(e)

---

表单未定义请使用$（'form'）或使用ContactForm谢谢您的帮助，过期后将接受

contactForm.submit(function(e)