javascript阻止 a标签中的rel提交地址

2019独角兽企业重金招聘Python工程师标准>>>

<a rel='aaa'>click</a>  

感觉上有个什么preventDefalult的东西，让a标签点击后阻止其默认的行为，这个涉及到一点实践捕捉的知识，我js不熟悉，决定不往这个方向思考...

  然后尝试了一下οnclick='return false;'之类的方法，没有用，页面仍然会跳转到rel的地址...这个rel和href的不同之处，我感觉..（我没查过谷歌和百度）是rel会跳转到本页的内容，href会跳转到其他页面，所以现在我面临的问题是：如何阻止本页面的跳转？？真的是好白痴的问题啊，但是不懂就不懂，没什么说的，谁让我比较熟悉的是PHP呢...

后来我采用了setAttribute的方法，把rel的地址改过了，所以就能够实现了我想要的效果。

之所以这么大费周章地修改rel，是因为我想实现一个表单验证而已....下面是相关代码..

function qcheck(){
   document.getElementById('qcheck').setAttribute('rel','snake_step3');//每次点击都恢复原状
var qwidth=document.getElementById('p_width');
var qlength=document.getElementById('p_length');

if(!qwidth.value || !qlength.value){//表单验证
document.getElementById('qcheck').setAttribute('rel','snake_step2');//修改地址
alert('something is empty!');
if(!qwidth.value){
qwidth.focus();
}else{
qlength.focus();
}
}//if qwith
}//function

这个是对应的HTML：

<a href='javascript:void(0)' class='next-tab mover clear' rel="snake_step3" οnclick="qcheck(); "id='qcheck'>NEXT STEP <img src='<?php echo $imgPath;?>/roman/nextdown.png'  /></a>

大家有什么更简单的方法，欢迎调教我。

转载于:https://my.oschina.net/qiujumper/blog/92925