jquery - 返回 false 在 jquery 中不起作用需要字段验证

Question

我有一个下拉列表（.color）要使用 jquery 进行验证。这个下拉列表的默认值是VÆLG。我想在锚标记单击（.viewmore）中验证它。我的代码是这样的

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

      });


         function requiredValidation(ddl) {

    ddl = $(ddl);

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

    }
    else {
        ddl.removeClass("error");
    }
   alert(isValid)
    return isValid;
}

最后警报消息我得到的值是false正确。但页面仍然重定向到锚标记的给定 url。谁能告诉我出了什么问题？

Answer 1

您的 onclick 方法没有返回 true 或 false。试试这个：

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

  });

Answer 2

试试这个

return requiredValidation($(this).parents('.box01').find(".color"));