我有一个有ajax新闻通讯注册表格的wordpress网站。在首页上, 所有内容均无错误:-)在博客页面上, 出现以下错误:
[错误] TypeError:e.indexOf不是函数。 (在’e.indexOf(“”)’中, ‘e.indexOf’未定义)(匿名函数)(jquery-3.3.1.min.js:2:31048)
[错误] TypeError:a.parent(” a”)。size不是函数。 (在’a.parent(” a”)。size()’中, ‘a.parent(” a”)。size’未定义)(匿名函数)(jquery-3.3.1.min.js:2:31048 )
HTML:
<div class="newsletter-section">
<div id="form-messages"></div>
<div class="form-div d-flex justify-content-center">
<form id="ajax-contact" method="POST" action="mailer.php">
<input type="text" class="" id="email" name="email" required placeholder="Sign up for our newsletter">
<div class="btn-center">
<button type="submit">Sign up</button>
</div>
</form>
</div>
</div>
编码:
$(function() {
// Get the form.
var form = $('#ajax-contact');
// 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
})
.done(function(response) {
// Make sure that the formMessages div has the 'success' class.
$(formMessages).removeClass('error');
$(formMessages).addClass('success');
// Set the message text.
$(formMessages).text(response);
// Clear the form.
$('#email').val('');
})
.fail(function(data) {
// Make sure that the formMessages div has the 'error' class.
$(formMessages).removeClass('success');
$(formMessages).addClass('error');
// Set the message text.
if (data.responseText !== '') {
$(formMessages).text(data.responseText);
} else {
$(formMessages).text('Oops! Er loopt iets fout. Je boeking is niet verzonden.');
}
});
});
});
谁能帮我?
谢谢弗雷德
#1
看来我必须以表格形式提供php脚本的绝对路径。它工作正常!感谢你的关注。
评论前必须登录!
注册