Question

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

<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/

如果未经验证，则禁用链接

2 个答案: