return false不能在jquery中工作，需要字段验证

Question

我有一个下拉列表（.color）来验证jquery.Default这个下拉列表的值是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 。但是页面仍然会重定向到锚标记的给定网址。任何人都告诉我哪里出错了？

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