javascript - 如果未验证则禁用链接

Question

我有一个锚链接，如果某些验证不正确，我不希望启用它。基本上我是 javascript 的新手，所以请原谅我的菜鸟
下面是示例：

<form name="myform">
<select name="test">
    <option >choose one</option>
    <option value="one">oone</option>
        <option value="two">two</option>
        <option value="three">three</option>
</select>
    <a href="#goThere"> clickMe</a>
</form>

在我的实际实践中，我使用了一些 bootstrap.js，但我发现这是一个普遍的问题。
如果我在选择框中没有选择任何内容，我希望禁用链接。
小提琴供参考：http: //jsfiddle.net/UGJN4/

Answer 1

我正在使用 jQuery。首先给它一个类似的类：

<a href="somewhere.html" class="bb">clickMe</a>

然后，如果验证不正确，请尝试以下操作：

$('a.bb').removeAttr('href').attr('href', 'javascript: void(0)');

如果正确：

$('a.bb').removeAttr('href').attr('href', 'somewhere.html');

Answer 2

你可以在 javascript 中这样做：

将 id 放入锚标签：

 <a id="alink" href="#goThere" target="_blank"> clickMe</a>

Javascript代码：

var flag=1;
document.getElementById("alink").onclick = function() {
    console.log("hello");    
    // Validate here. Change the value of flag 1<=>0 for testing.
    // 0 => for true condition
    // 1 => for false condition, it will redirect on new tab.
    if(flag==1){
        return false; 
    }
};

这是小提琴：http: //jsfiddle.net/UGJN4/2/