js中的 return false;

时间:2021-11-17 11:26:42

总的来说return false 的作用就是阻止事件的默认行为

1、

function check()
{
if(form.title.value=="")
{
alert("请输入文章标题!");
return false; //注意不能写成 return(false);
} if(form.content.value=="")
{
alert("文章正文不能为空@!!");
form.content.select();
return false;
} return true;
}

如果title为空则输出 return false.跳出check()函数,不再执行下面对内容的判断;即遇到return false;则跳出当前函数,不再执行当前函数return false后的代码。

2、return false 还常用来阻止表单的提交

    <form onsubmit="return submitTest()">
<input type="submit" value="提交"></input>
</form>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function submitTest(){
//return;
return false;
}
</script>

如果返回的仅仅是return 表但仍能提交,return false表单则无法提交。

还有值得注意的是onsubmit="return submitTest()"中的return不能忽略。

3、阻止事件的默认行为

    <a href="http://www.baidu.com">百度</a>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$('a').click(function(){
$(this).html('点我并不跳转');
return false;
})
</script>

很多情况下都需要给a标签添加点击事件,但是a标签要跳转,这种情况下只要在click函数完成之前最后一句加上return false则可以阻止其跳转。