jquery - 在单个锚标记点击事件中验证两个下拉列表

Question

我必须在锚标记点击事件中验证两个下拉列表。

$(".viewmore").on('click',function(event){
    return   requiredValidation($(this).parents('.box01').find(".color"));
    return   requiredValidation($(this).parents('.box01').find(".size"));

});
function requiredValidation(ddl) {

    ddl = $(ddl);

    var isValid = true;
    if (jQuery.trim(ddl.val()) == 'VÆLG' ) {
        isValid = false;
        ddl.addClass("error");

    }
    else {
        ddl.removeClass("error");
    }

    return isValid;
}

但只有第一个在这里验证。任何人都可以提供任何线索吗？

Answer 1

利用

$(".viewmore").on('click',function(event) {
    var valid1 =  requiredValidation($(this).parents('.box01').find(".color"));
    var valid2 =   requiredValidation($(this).parents('.box01').find(".size"));
    return valid1 && valid2;
});

您在验证第一个选择后不久返回，您需要验证两个输入字段然后组合结果

Answer 2

为了一件事，您在函数中有两个 return 语句。因此，实际上只有第一个会执行并返回。也就是说，你为什么要回来？根据您在验证或缺少验证时要执行的操作，您可能希望在验证失败时显示错误消息或类似的内容。

if (!requiredValidation($(this).parents('.box01').find(".color")))
   alert("Error: color");
if (!requiredValidation($(this).parents('.box01').find(".size")))
   alert("Error: size");