如果未验证，请禁用链接

disable link if not validated

本文关键字：链接 验证 如果      更新时间：2023-09-26

我有一个锚链接，如果某些验证不正确，我不希望启用它。基本上我是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>

在我的实际实践中，我正在使用一些引导程序.js但我认为这是一个普遍的问题。
如果我在选择框中不选择任何内容，我希望禁用链接。
小提琴参考：http：//jsfiddle.net/UGJN4/

我正在使用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');

你可以在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/

相关文章：