jquery - フィールドの検証が必要なjqueryでfalseを返す

Question

jquery で検証するドロップダウンリスト (.color) があります。このドロップダウンのデフォルト値は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"));