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");

验证单个锚标记单击事件中的两个下拉列表

2 个答案: