使用jQuery检查2个电子邮件地址字段是否匹配

Question

我试图在Wordpress表单上使用jQuery来检查2个电子邮件字段在提交表单之前是否相同。我写的代码似乎不起作用。如有任何帮助，将不胜感激:

表单名称为regform，字段名称为email和confirmemail

jQuery(document).ready(function($) {
$("#regform").submit(function(e) {
removeFeedback();

var errors = validateForm();
if (errors == "") {
return true;
} else {
provideFeedback(errors);
e.preventDefault();
return false;
}
});
function validateForm() {
var errorFields = new Array();
//check email addresses match
if ($('#email').val() != $('#confirmemail').val()) {
errorFields.push('confirmemail');
}
return errorFields;
}
function provideFeedback(incomingErrors) {
for (var i = 0; i < incomingErrors.length; i++) {
$("#" + incomingErrors[i]).
addClass("errorClass");
$("#" + incomingErrors[i] + "Error").
removeClass("errorFeedback");
}
$("#errorDiv").html("Errors encountered");
}
function removeFeedback() {
$("#errorDiv").html("");
$('input').each(function() {
$(this).addClass("errorFeedback");
});
}
});

Answer 1

validateForm返回一个数组，因此errors == ""永远不会为真。要检查数组是否包含任何数据，您可以使用length:

$("#regform").submit(function(e) {
removeFeedback();
var errors = validateForm();
if (errors.length > 0) {
e.preventDefault();
provideFeedback(errors);
}
});