条件onclick jquery

Question

我有一个href确实是一个有一些条件的onclick。如果不遵守这些条件，我可以阻止href吗？如果尊重所有条件，我希望href运行...

<a class="btn btn-small" href="page2.php" onclick="verification()">Valid</a>

这里jquery中的条件是这样的：

function verification()
{
    var player = 10;
    if(player <= 10)
    {
      alert('OK');
    }
    else
    {
      alert('NO');

    }
}

非常感谢

Answer 1

由于你已经用Jquery标记了这个问题，我建议你在这个场合使用e.preventDefault()。

HTML：

<a class="btn btn-small" href="page2.php">Valid</a>

JQUERY：

$('a.btn').click(function(e){
 //I just assumed that you would add some real conditions over here. 
 if(!condition){ e.preventDefault(); }
});

Answer 2

在HTML中：

<a href="https://www.google.com" id="linkidhere">Valid</a>

然后在JS：

$(function(){
  $(document).on('click', '#linkidhere', function(e){
    e.preventDefault();
    var url = $(this).attr('href');
    if (linkIsValid())
    {
      window.location.href = url;
    }
  };
});


function linkIsValid(){
  //...do validation stuff, returning true or false
}