我试图用jQuery这样做两个条件语句。
$('#user_name, #user_email, #user_password').keyup(function () {
if ($('#output-name').is('.field-output-comple') &&
$('#output-email').is('.field-output-comple') &&
$('#output-password').is('.field-output-comple') &&
$('#confirm-terms-of-use').is(':checked')
) {
$('#register-button').removeAttr('disabled');
} else {
$('#register-button').attr('disabled', 'disabled');
}
});
$('#confirm-terms-of-use').change(function() {
if ($('#output-name').is('.field-output-comple') &&
$('#output-email').is('.field-output-comple') &&
$('#output-password').is('.field-output-comple') &&
$('#confirm-terms-of-use').is(':checked')
) {
$('#register-button').removeAttr('disabled');
} else {
$('#register-button').attr('disabled', 'disabled');
}
});
但是您知道此代码是重复的。
if ($('#output-name').is('.field-output-comple') &&
$('#output-email').is('.field-output-comple') &&
$('#output-password').is('.field-output-comple') &&
$('#confirm-terms-of-use').is(':checked')
) {
$('#register-button').removeAttr('disabled');
} else {
$('#register-button').attr('disabled', 'disabled');
}
所以我用这样的功能制作这段代码。
$('#user_name, #user_email, #user_password').keyup(isValidPassword())
$('#confirm-terms-of-use').change(isValidPassword())
function isValidPassword() {
if ($('#output-name').is('.field-output-comple') &&
$('#output-email').is('.field-output-comple') &&
$('#output-password').is('.field-output-comple') &&
$('#confirm-terms-of-use').is(':checked')
) {
$('#register-button').removeAttr('disabled');
} else {
$('#register-button').attr('disabled', 'disabled');
}
}
但是,效果不佳。没有错误,但
isValidPassword
可能不输出任何内容。我在哪里弄错了?感谢您的阅读。 最佳答案
这没有按照您的想法做:
.keyup(isValidPassword())
这不会将
isValidPassword
函数本身传递给keyup
,而是执行该函数并传递该函数的结果。而且该函数不返回任何内容,因此其结果为undefined
。不要执行函数,只需将函数本身作为变量传递:
.keyup(isValidPassword)