Edit2 : 是的，发现问题了，ajax 调用实际上有一个错误，而且由于我的愚蠢，我没有意识到这两种方法 - 成功和错误都可以运行（我以为是一个或另一个)，因此每次都将 formComplete 设置为 false，因为出现错误。
感谢您提供的有关不使用全局变量名称作为函数参数的时间和提示。
编辑：这formComplete是设置的代码（console.log() 在整个过程中检查 formComplete）：
validate: function(field) {
if(!field.val()) {
formComplete = false;
// formComplete is false here
console.log(formComplete);
}
else {
if(field.attr('name') === 'queryEmail') {
// Validate the email
if(DMOFFAT.helper.validateEmail(field.val()) === true){
// formComplete is either true or false here, depending on the last validation carried out
console.log(formComplete);
formComplete = true;
// formComplete is true here
console.log(formComplete);
}
else {
formComplete = false;
// formComplete is false here
console.log(formComplete);
}
}
else {
formComplete = true;
// formComplete is true here
console.log(formComplete);
}
}
},
问题：为什么这个变量（formComplete）从真到假？
我已经为联系表单编写了一些基本的表单验证，以下是我的做法：
像这样定义字段：
var queryTypeField = $('#queryType'),
queryMessageField = $('#queryMessage'),
queryEmailField = $('#queryEmail'),
queryNameField = $('#queryName'),
submitButton = $('#submit');
像这样向这些添加一些事件处理程序（FWIW，DMOFFAT 变量只是一个包含不同代码模块的对象，例如contactForm =联系表单javascript等）：
queryMessageField.on('blur', function() {
DMOFFAT.contactForm.validate(queryMessageField);
});
queryNameField.on('blur', function() {
DMOFFAT.contactForm.validate(queryNameField);
});
queryEmailField.on('blur', function() {
DMOFFAT.contactForm.validate(queryEmailField);
});
submitButton.on('click', function(evt) {
evt.preventDefault();
console.log('Click');
console.log(formComplete);
DMOFFAT.contactForm.send(formComplete);
});
validate 函数只是设置'formComplete'为 true 或 false，具体取决于字段是否有效。
当我的字段都正确填写时，formComplete = true.
从上面代码的最后一行可以看出，我将formComplete（这是真的）传递给了我的发送函数。我的发送函数只是检查 的值formComplete，然后将数据发送到 php 脚本，或者打印错误，代码如下：
send: function(formComplete) {
// This is true when the form is filled in correctly
console.log('In send formComplete is...' + formComplete);
if(formComplete === true) {
// Extract form values
formData['queryMessage'] = queryMessage.value;
formData['queryType'] = queryType.value;
formData['queryName'] = queryName.value;
formData['queryEmail'] = queryEmail.value;
$.ajax({
type: 'POST',
async: true,
url: '....',
dataType: 'json',
data: formData,
success: function(data, status, xhr) {
DMOFFAT.contactForm.writeMessage(formComplete);
},
error: function(xhr, status, err) {
DMOFFAT.contactForm.writeMessage(formComplete);
}
});
}
else {
this.writeMessage(formComplete);
}
现在，我知道formComplete正确填写表格时这是真的，因为我的 php 脚本会创建一个包含数据的 .txt 文件，如果它是假的，则不会创建此文件。
这意味着我们将formCompleteoff 的值发送给 writeMessage，它只是将一些 HTML 写入页面以显示提交是否成功，代码如下：
// Disgusting spaghetti code
writeMessage: function(formComplete) {
// This is false now...
console.log('In writeMessage formComplete is...' + formComplete);
if(formComplete === true) {
contactFormElement.html('<div class="success ui-message cf-message"><p><strong>Thank you</strong> for your query, we\'ll get back to you as soon as we can.</p></div>');
}
else {
// Check if there's already an error, otherwise many will appear
if(errorElement === '') {
errorElement = '<div class="error ui-message cf-message"><p>' + this.config.errorMsg + '</p></div>';
contactFormElement.prepend(errorElement);
}
}
}
formComplete本身定义如下：
var formComplete;
当我在 writeMessage 的第一行检查 formComplete 时，它现在是假的，但我不知道为什么......即使我formComplete在它传递给 writeMessage 之前明确设置为真，它仍然是假的。
TLDR：请告诉我我在哪里愚蠢:)
PS：我知道我可以使用预先构建的联系表单验证插件，但我想尝试自己构建一些简单的东西。