我有以下 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 的新手,我不明白为什么会收到此错误,任何帮助将不胜感激
如果您需要更多信息来帮助,请告诉我
最佳答案
没有定义名为form
的变量。最有可能缺少 form
周围的 quote
-
$('form').submit(function(e)
或 contactForm
已定义
contactForm.submit(function(e)
关于javascript - 表单上的 AJAX 引用错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31429581/